@fluentui/react-avatar 9.5.24 → 9.5.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +127 -1
- package/CHANGELOG.md +36 -2
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js +10 -2
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js +7 -6
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/renderAvatarGroup.js +5 -4
- package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroup.js +1 -1
- package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js +7 -2
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js +17 -6
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js +3 -3
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
- package/lib/contexts/AvatarContext.js.map +1 -1
- package/lib/utils/getInitials.js +3 -2
- package/lib/utils/getInitials.js.map +1 -1
- package/lib/utils/partitionAvatarGroupItems.js +1 -1
- package/lib/utils/partitionAvatarGroupItems.js.map +1 -1
- package/lib-commonjs/Avatar.js +2 -2
- package/lib-commonjs/Avatar.js.map +1 -1
- package/lib-commonjs/AvatarGroup.js +2 -2
- package/lib-commonjs/AvatarGroup.js.map +1 -1
- package/lib-commonjs/AvatarGroupItem.js +2 -2
- package/lib-commonjs/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/AvatarGroupPopover.js +2 -2
- package/lib-commonjs/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.js +9 -7
- package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/index.js +6 -6
- package/lib-commonjs/components/Avatar/index.js.map +1 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js +16 -6
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatar.js +31 -26
- package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js +17 -11
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.js +9 -7
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/index.js +7 -7
- package/lib-commonjs/components/AvatarGroup/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js +12 -9
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js +11 -7
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js +4 -2
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js +10 -6
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js +9 -7
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/index.js +6 -6
- package/lib-commonjs/components/AvatarGroupItem/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js +13 -6
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js +19 -17
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js +20 -14
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js +9 -7
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js +2 -2
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/index.js +6 -6
- package/lib-commonjs/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js +25 -12
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js +28 -26
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js +3 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js +14 -10
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/AvatarContext.js +8 -4
- package/lib-commonjs/contexts/AvatarContext.js.map +1 -1
- package/lib-commonjs/contexts/AvatarGroupContext.js +12 -6
- package/lib-commonjs/contexts/AvatarGroupContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +3 -3
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +85 -31
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/getInitials.js +6 -3
- package/lib-commonjs/utils/getInitials.js.map +1 -1
- package/lib-commonjs/utils/index.js +6 -2
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/partitionAvatarGroupItems.js +4 -2
- package/lib-commonjs/utils/partitionAvatarGroupItems.js.map +1 -1
- package/package.json +15 -15
|
@@ -1,20 +1,33 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderAvatarGroupPopover_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderAvatarGroupPopover_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _AvatarGroupContext = require("../../contexts/AvatarGroupContext");
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
const _reactpopover = require("@fluentui/react-popover");
|
|
13
15
|
const renderAvatarGroupPopover_unstable = (state, contextValues)=>{
|
|
14
|
-
(0,
|
|
15
|
-
return /*#__PURE__*/ (0,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
(0, _reactutilities.assertSlots)(state);
|
|
17
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpopover.PopoverTrigger, {
|
|
20
|
+
disableButtonEnhancement: true,
|
|
21
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.tooltip, {
|
|
22
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.triggerButton, {})
|
|
23
|
+
})
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.popoverSurface, {
|
|
26
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AvatarGroupContext.AvatarGroupProvider, {
|
|
27
|
+
value: contextValues.avatarGroup,
|
|
28
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {})
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
});
|
|
20
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAvatarGroupPopover.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderAvatarGroupPopover.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of AvatarGroupPopover\n */ export const renderAvatarGroupPopover_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n /*#__PURE__*/ _jsx(PopoverTrigger, {\n disableButtonEnhancement: true,\n children: /*#__PURE__*/ _jsx(state.tooltip, {\n children: /*#__PURE__*/ _jsx(state.triggerButton, {})\n })\n }),\n /*#__PURE__*/ _jsx(state.popoverSurface, {\n children: /*#__PURE__*/ _jsx(AvatarGroupProvider, {\n value: contextValues.avatarGroup,\n children: /*#__PURE__*/ _jsx(state.content, {})\n })\n })\n ]\n });\n};\n"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","assertSlots","_jsxs","root","children","_jsx","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAM7DA;;;eAAAA;;;4BAN2G;oCACxF;gCACR;8BACG;AAGpB,MAAMA,oCAAoC,CAACC,OAAOC;IACzDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACC,4BAAc,EAAE;gBAC/BC,0BAA0B;gBAC1BH,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMS,OAAO,EAAE;oBACxCJ,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMU,aAAa,EAAE,CAAC;gBACvD;YACJ;YACA,WAAW,GAAGJ,IAAAA,eAAI,EAACN,MAAMW,cAAc,EAAE;gBACrCN,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACM,uCAAmB,EAAE;oBAC9CC,OAAOZ,cAAca,WAAW;oBAChCT,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMe,OAAO,EAAE,CAAC;gBACjD;YACJ;SACH;IACL;AACJ"}
|
|
@@ -4,36 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useAvatarGroupPopover_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAvatarGroupPopover_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _AvatarGroupContext = require("../../contexts/AvatarGroupContext");
|
|
12
14
|
const _useAvatarGroup = require("../AvatarGroup/useAvatarGroup");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
15
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
16
|
+
const _reacticons = require("@fluentui/react-icons");
|
|
17
|
+
const _reactpopover = require("@fluentui/react-popover");
|
|
18
|
+
const _reacttooltip = require("@fluentui/react-tooltip");
|
|
17
19
|
const useAvatarGroupPopover_unstable = (props)=>{
|
|
18
20
|
var _useAvatarGroupContext_unstable;
|
|
19
|
-
const size = (_useAvatarGroupContext_unstable = (0,
|
|
20
|
-
const layout = (0,
|
|
21
|
-
const { indicator =size < 24 ? 'icon' : 'count'
|
|
22
|
-
const [popoverOpen, setPopoverOpen] = (0,
|
|
21
|
+
const size = (_useAvatarGroupContext_unstable = (0, _AvatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.size)) !== null && _useAvatarGroupContext_unstable !== void 0 ? _useAvatarGroupContext_unstable : _useAvatarGroup.defaultAvatarGroupSize;
|
|
22
|
+
const layout = (0, _AvatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.layout);
|
|
23
|
+
const { indicator = size < 24 ? 'icon' : 'count', count = _react.Children.count(props.children), children, ...restOfProps } = props;
|
|
24
|
+
const [popoverOpen, setPopoverOpen] = (0, _reactutilities.useControllableState)({
|
|
23
25
|
state: props.open,
|
|
24
26
|
defaultState: props.defaultOpen,
|
|
25
27
|
initialState: false
|
|
26
28
|
});
|
|
27
29
|
const handleOnPopoverChange = (e, data)=>{
|
|
28
|
-
var _restOfProps_onOpenChange;
|
|
29
|
-
(_restOfProps_onOpenChange = restOfProps.onOpenChange) === null || _restOfProps_onOpenChange === void 0 ? void 0 : _restOfProps_onOpenChange.call(
|
|
30
|
+
var _restOfProps_onOpenChange, _restOfProps;
|
|
31
|
+
(_restOfProps_onOpenChange = (_restOfProps = restOfProps).onOpenChange) === null || _restOfProps_onOpenChange === void 0 ? void 0 : _restOfProps_onOpenChange.call(_restOfProps, e, data);
|
|
30
32
|
setPopoverOpen(data.open);
|
|
31
33
|
};
|
|
32
34
|
let triggerButtonChildren;
|
|
33
35
|
if (layout === 'pie') {
|
|
34
36
|
triggerButtonChildren = null;
|
|
35
37
|
} else if (indicator === 'icon') {
|
|
36
|
-
triggerButtonChildren = /*#__PURE__*/ _react.createElement(
|
|
38
|
+
triggerButtonChildren = /*#__PURE__*/ _react.createElement(_reacticons.MoreHorizontalRegular, null);
|
|
37
39
|
} else {
|
|
38
40
|
triggerButtonChildren = count > 99 ? '99+' : `+${count}`;
|
|
39
41
|
}
|
|
@@ -44,13 +46,13 @@ const useAvatarGroupPopover_unstable = (props)=>{
|
|
|
44
46
|
popoverOpen,
|
|
45
47
|
size,
|
|
46
48
|
components: {
|
|
47
|
-
root:
|
|
49
|
+
root: _reactpopover.Popover,
|
|
48
50
|
triggerButton: 'button',
|
|
49
51
|
content: 'ul',
|
|
50
|
-
popoverSurface:
|
|
51
|
-
tooltip:
|
|
52
|
+
popoverSurface: _reactpopover.PopoverSurface,
|
|
53
|
+
tooltip: _reacttooltip.Tooltip
|
|
52
54
|
},
|
|
53
|
-
root:
|
|
55
|
+
root: _reactutilities.slot.always({
|
|
54
56
|
// Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.
|
|
55
57
|
children: /*#__PURE__*/ _react.createElement(_react.Fragment, null),
|
|
56
58
|
size: 'small',
|
|
@@ -59,35 +61,35 @@ const useAvatarGroupPopover_unstable = (props)=>{
|
|
|
59
61
|
open: popoverOpen,
|
|
60
62
|
onOpenChange: handleOnPopoverChange
|
|
61
63
|
}, {
|
|
62
|
-
elementType:
|
|
64
|
+
elementType: _reactpopover.Popover
|
|
63
65
|
}),
|
|
64
|
-
triggerButton:
|
|
66
|
+
triggerButton: _reactutilities.slot.always(props.triggerButton, {
|
|
65
67
|
defaultProps: {
|
|
66
68
|
children: triggerButtonChildren,
|
|
67
69
|
type: 'button'
|
|
68
70
|
},
|
|
69
71
|
elementType: 'button'
|
|
70
72
|
}),
|
|
71
|
-
content:
|
|
73
|
+
content: _reactutilities.slot.always(props.content, {
|
|
72
74
|
defaultProps: {
|
|
73
75
|
children,
|
|
74
76
|
role: 'list'
|
|
75
77
|
},
|
|
76
78
|
elementType: 'ul'
|
|
77
79
|
}),
|
|
78
|
-
popoverSurface:
|
|
80
|
+
popoverSurface: _reactutilities.slot.always(props.popoverSurface, {
|
|
79
81
|
defaultProps: {
|
|
80
82
|
'aria-label': 'Overflow',
|
|
81
83
|
tabIndex: 0
|
|
82
84
|
},
|
|
83
|
-
elementType:
|
|
85
|
+
elementType: _reactpopover.PopoverSurface
|
|
84
86
|
}),
|
|
85
|
-
tooltip:
|
|
87
|
+
tooltip: _reactutilities.slot.always(props.tooltip, {
|
|
86
88
|
defaultProps: {
|
|
87
89
|
content: 'View more people.',
|
|
88
90
|
relationship: 'label'
|
|
89
91
|
},
|
|
90
|
-
elementType:
|
|
92
|
+
elementType: _reacttooltip.Tooltip
|
|
91
93
|
})
|
|
92
94
|
};
|
|
93
95
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { useControllableState, slot } from '@fluentui/react-utilities';\nimport { MoreHorizontalRegular } from '@fluentui/react-icons';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { Tooltip } from '@fluentui/react-tooltip';\n/**\n * Create the state required to render AvatarGroupPopover.\n *\n * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,\n * before being passed to renderAvatarGroupPopover_unstable.\n *\n * @param props - props from this instance of AvatarGroupPopover\n */ export const useAvatarGroupPopover_unstable = (props)=>{\n var _useAvatarGroupContext_unstable;\n const size = (_useAvatarGroupContext_unstable = useAvatarGroupContext_unstable((ctx)=>ctx.size)) !== null && _useAvatarGroupContext_unstable !== void 0 ? _useAvatarGroupContext_unstable : defaultAvatarGroupSize;\n const layout = useAvatarGroupContext_unstable((ctx)=>ctx.layout);\n const { indicator =size < 24 ? 'icon' : 'count'
|
|
1
|
+
{"version":3,"sources":["useAvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { useControllableState, slot } from '@fluentui/react-utilities';\nimport { MoreHorizontalRegular } from '@fluentui/react-icons';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { Tooltip } from '@fluentui/react-tooltip';\n/**\n * Create the state required to render AvatarGroupPopover.\n *\n * The returned state can be modified with hooks such as useAvatarGroupPopoverStyles_unstable,\n * before being passed to renderAvatarGroupPopover_unstable.\n *\n * @param props - props from this instance of AvatarGroupPopover\n */ export const useAvatarGroupPopover_unstable = (props)=>{\n var _useAvatarGroupContext_unstable;\n const size = (_useAvatarGroupContext_unstable = useAvatarGroupContext_unstable((ctx)=>ctx.size)) !== null && _useAvatarGroupContext_unstable !== void 0 ? _useAvatarGroupContext_unstable : defaultAvatarGroupSize;\n const layout = useAvatarGroupContext_unstable((ctx)=>ctx.layout);\n const { indicator = size < 24 ? 'icon' : 'count', count = React.Children.count(props.children), children, ...restOfProps } = props;\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: props.open,\n defaultState: props.defaultOpen,\n initialState: false\n });\n const handleOnPopoverChange = (e, data)=>{\n var _restOfProps_onOpenChange, _restOfProps;\n (_restOfProps_onOpenChange = (_restOfProps = restOfProps).onOpenChange) === null || _restOfProps_onOpenChange === void 0 ? void 0 : _restOfProps_onOpenChange.call(_restOfProps, e, data);\n setPopoverOpen(data.open);\n };\n let triggerButtonChildren;\n if (layout === 'pie') {\n triggerButtonChildren = null;\n } else if (indicator === 'icon') {\n triggerButtonChildren = /*#__PURE__*/ React.createElement(MoreHorizontalRegular, null);\n } else {\n triggerButtonChildren = count > 99 ? '99+' : `+${count}`;\n }\n return {\n count,\n indicator,\n layout,\n popoverOpen,\n size,\n components: {\n root: Popover,\n triggerButton: 'button',\n content: 'ul',\n popoverSurface: PopoverSurface,\n tooltip: Tooltip\n },\n root: slot.always({\n // Popover expects a child for its children. The children are added in the renderAvatarGroupPopover.\n children: /*#__PURE__*/ React.createElement(React.Fragment, null),\n size: 'small',\n trapFocus: true,\n ...restOfProps,\n open: popoverOpen,\n onOpenChange: handleOnPopoverChange\n }, {\n elementType: Popover\n }),\n triggerButton: slot.always(props.triggerButton, {\n defaultProps: {\n children: triggerButtonChildren,\n type: 'button'\n },\n elementType: 'button'\n }),\n content: slot.always(props.content, {\n defaultProps: {\n children,\n role: 'list'\n },\n elementType: 'ul'\n }),\n popoverSurface: slot.always(props.popoverSurface, {\n defaultProps: {\n 'aria-label': 'Overflow',\n tabIndex: 0\n },\n elementType: PopoverSurface\n }),\n tooltip: slot.always(props.tooltip, {\n defaultProps: {\n content: 'View more people.',\n relationship: 'label'\n },\n elementType: Tooltip\n })\n };\n};\n"],"names":["useAvatarGroupPopover_unstable","props","_useAvatarGroupContext_unstable","size","useAvatarGroupContext_unstable","ctx","defaultAvatarGroupSize","layout","indicator","count","React","Children","children","restOfProps","popoverOpen","setPopoverOpen","useControllableState","state","open","defaultState","defaultOpen","initialState","handleOnPopoverChange","e","data","_restOfProps_onOpenChange","_restOfProps","onOpenChange","call","triggerButtonChildren","createElement","MoreHorizontalRegular","components","root","Popover","triggerButton","content","popoverSurface","PopoverSurface","tooltip","Tooltip","slot","always","Fragment","trapFocus","elementType","defaultProps","type","role","tabIndex","relationship"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;oCACwB;gCACR;gCACI;4BACL;8BACE;8BAChB;AAQb,MAAMA,iCAAiC,CAACC;IAC/C,IAAIC;IACJ,MAAMC,OAAO,AAACD,CAAAA,kCAAkCE,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIF,IAAI,CAAA,MAAO,QAAQD,oCAAoC,KAAK,IAAIA,kCAAkCI,sCAAsB;IAClN,MAAMC,SAASH,IAAAA,kDAA8B,EAAC,CAACC,MAAMA,IAAIE,MAAM;IAC/D,MAAM,EAAEC,YAAYL,OAAO,KAAK,SAAS,OAAO,EAAEM,QAAQC,OAAMC,QAAQ,CAACF,KAAK,CAACR,MAAMW,QAAQ,CAAC,EAAEA,QAAQ,EAAE,GAAGC,aAAa,GAAGZ;IAC7H,MAAM,CAACa,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACvDC,OAAOhB,MAAMiB,IAAI;QACjBC,cAAclB,MAAMmB,WAAW;QAC/BC,cAAc;IAClB;IACA,MAAMC,wBAAwB,CAACC,GAAGC;QAC9B,IAAIC,2BAA2BC;QAC9BD,CAAAA,4BAA4B,AAACC,CAAAA,eAAeb,WAAU,EAAGc,YAAY,AAAD,MAAO,QAAQF,8BAA8B,KAAK,IAAI,KAAK,IAAIA,0BAA0BG,IAAI,CAACF,cAAcH,GAAGC;QACpLT,eAAeS,KAAKN,IAAI;IAC5B;IACA,IAAIW;IACJ,IAAItB,WAAW,OAAO;QAClBsB,wBAAwB;IAC5B,OAAO,IAAIrB,cAAc,QAAQ;QAC7BqB,wBAAwB,WAAW,GAAGnB,OAAMoB,aAAa,CAACC,iCAAqB,EAAE;IACrF,OAAO;QACHF,wBAAwBpB,QAAQ,KAAK,QAAQ,CAAC,CAAC,EAAEA,MAAM,CAAC;IAC5D;IACA,OAAO;QACHA;QACAD;QACAD;QACAO;QACAX;QACA6B,YAAY;YACRC,MAAMC,qBAAO;YACbC,eAAe;YACfC,SAAS;YACTC,gBAAgBC,4BAAc;YAC9BC,SAASC,qBAAO;QACpB;QACAP,MAAMQ,oBAAI,CAACC,MAAM,CAAC;YACd,oGAAoG;YACpG9B,UAAU,WAAW,GAAGF,OAAMoB,aAAa,CAACpB,OAAMiC,QAAQ,EAAE;YAC5DxC,MAAM;YACNyC,WAAW;YACX,GAAG/B,WAAW;YACdK,MAAMJ;YACNa,cAAcL;QAClB,GAAG;YACCuB,aAAaX,qBAAO;QACxB;QACAC,eAAeM,oBAAI,CAACC,MAAM,CAACzC,MAAMkC,aAAa,EAAE;YAC5CW,cAAc;gBACVlC,UAAUiB;gBACVkB,MAAM;YACV;YACAF,aAAa;QACjB;QACAT,SAASK,oBAAI,CAACC,MAAM,CAACzC,MAAMmC,OAAO,EAAE;YAChCU,cAAc;gBACVlC;gBACAoC,MAAM;YACV;YACAH,aAAa;QACjB;QACAR,gBAAgBI,oBAAI,CAACC,MAAM,CAACzC,MAAMoC,cAAc,EAAE;YAC9CS,cAAc;gBACV,cAAc;gBACdG,UAAU;YACd;YACAJ,aAAaP,4BAAc;QAC/B;QACAC,SAASE,oBAAI,CAACC,MAAM,CAACzC,MAAMsC,OAAO,EAAE;YAChCO,cAAc;gBACVV,SAAS;gBACTc,cAAc;YAClB;YACAL,aAAaL,qBAAO;QACxB;IACJ;AACJ"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useAvatarGroupPopoverContextValues", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAvatarGroupPopoverContextValues;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const useAvatarGroupPopoverContextValues = (state)=>{
|
|
10
12
|
const avatarGroup = {
|
package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAvatarGroupPopoverContextValues.js"],"sourcesContent":["export const useAvatarGroupPopoverContextValues = (state)=>{\n const avatarGroup = {\n isOverflow: true,\n size: 24\n };\n return {\n avatarGroup\n };\n};\n"],"names":["useAvatarGroupPopoverContextValues","state","avatarGroup","isOverflow","size"],"mappings":";;;;+BAAaA
|
|
1
|
+
{"version":3,"sources":["useAvatarGroupPopoverContextValues.js"],"sourcesContent":["export const useAvatarGroupPopoverContextValues = (state)=>{\n const avatarGroup = {\n isOverflow: true,\n size: 24\n };\n return {\n avatarGroup\n };\n};\n"],"names":["useAvatarGroupPopoverContextValues","state","avatarGroup","isOverflow","size"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,qCAAqC,CAACC;IAC/C,MAAMC,cAAc;QAChBC,YAAY;QACZC,MAAM;IACV;IACA,OAAO;QACHF;IACJ;AACJ"}
|
|
@@ -9,12 +9,16 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
avatarGroupPopoverClassNames: ()
|
|
13
|
-
|
|
12
|
+
avatarGroupPopoverClassNames: function() {
|
|
13
|
+
return avatarGroupPopoverClassNames;
|
|
14
|
+
},
|
|
15
|
+
useAvatarGroupPopoverStyles_unstable: function() {
|
|
16
|
+
return useAvatarGroupPopoverStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
|
-
const
|
|
17
|
-
const
|
|
20
|
+
const _useAvatarGroupItemStylesstyles = require("../AvatarGroupItem/useAvatarGroupItemStyles.styles");
|
|
21
|
+
const _useAvatarStylesstyles = require("../Avatar/useAvatarStyles.styles");
|
|
18
22
|
const avatarGroupPopoverClassNames = {
|
|
19
23
|
root: 'fui-AvatarGroupPopover',
|
|
20
24
|
content: 'fui-AvatarGroupPopover__content',
|
|
@@ -24,7 +28,7 @@ const avatarGroupPopoverClassNames = {
|
|
|
24
28
|
};
|
|
25
29
|
/**
|
|
26
30
|
* Styles for the content slot.
|
|
27
|
-
*/ const useContentStyles = /*#__PURE__*/ (0, _react
|
|
31
|
+
*/ const useContentStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
28
32
|
base: {
|
|
29
33
|
dclx09: "ftrb29c",
|
|
30
34
|
B6of3ja: "f1hu3pq6",
|
|
@@ -67,7 +71,7 @@ const avatarGroupPopoverClassNames = {
|
|
|
67
71
|
});
|
|
68
72
|
/**
|
|
69
73
|
* Styles for the popoverSurface slot.
|
|
70
|
-
*/ const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react
|
|
74
|
+
*/ const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
71
75
|
base: {
|
|
72
76
|
Bxyxcbc: "fopcw2o",
|
|
73
77
|
sshi5w: "f1n5o1gx",
|
|
@@ -100,7 +104,7 @@ const avatarGroupPopoverClassNames = {
|
|
|
100
104
|
});
|
|
101
105
|
/**
|
|
102
106
|
* Styles for the triggerButton slot.
|
|
103
|
-
*/ const useTriggerButtonStyles = /*#__PURE__*/ (0, _react
|
|
107
|
+
*/ const useTriggerButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
104
108
|
base: {
|
|
105
109
|
mc9l5x: "ftuwxu6",
|
|
106
110
|
qhf8xq: "f10pi13n",
|
|
@@ -484,12 +488,12 @@ const avatarGroupPopoverClassNames = {
|
|
|
484
488
|
]
|
|
485
489
|
});
|
|
486
490
|
const useAvatarGroupPopoverStyles_unstable = (state)=>{
|
|
487
|
-
const { indicator
|
|
488
|
-
const sizeStyles = (0,
|
|
491
|
+
const { indicator, size, layout, popoverOpen } = state;
|
|
492
|
+
const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
|
|
489
493
|
const triggerButtonStyles = useTriggerButtonStyles();
|
|
490
494
|
const contentStyles = useContentStyles();
|
|
491
495
|
const popoverSurfaceStyles = usePopoverSurfaceStyles();
|
|
492
|
-
const groupChildClassName = (0,
|
|
496
|
+
const groupChildClassName = (0, _useAvatarGroupItemStylesstyles.useGroupChildClassName)(layout, size);
|
|
493
497
|
const triggerButtonClasses = [];
|
|
494
498
|
if (size < 36) {
|
|
495
499
|
triggerButtonClasses.push(triggerButtonStyles.borderThin);
|
package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/**\n * Styles for the content slot.\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n dclx09: \"ftrb29c\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".ftrb29c{list-style-type:none;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Styles for the popoverSurface slot.\n */\nconst usePopoverSurfaceStyles = /*#__PURE__*/__styles({\n base: {\n Bxyxcbc: \"fopcw2o\",\n sshi5w: \"f1n5o1gx\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"fqkkaap\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n a9b677: \"f13dwy2t\"\n }\n}, {\n d: [\".fopcw2o{max-height:220px;}\", \".f1n5o1gx{min-height:80px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".fqkkaap{overflow-y:scroll;}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".f13dwy2t{width:220px;}\"]\n});\n/**\n * Styles for the triggerButton slot.\n */\nconst useTriggerButtonStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\",\n Bnnss6s: \"fi64zpg\",\n Brf1p80: \"f4d9j23\",\n Bt984gj: \"f122n59\",\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n Bjwas2f: \"fw33nwi\",\n Bn1d65q: [\"f1ptkjjm\", \"fmzzjfk\"],\n Bxeuatn: \"f15j0dln\",\n n51gp8: [\"fmzzjfk\", \"f1ptkjjm\"]\n },\n pie: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n sj55zd: \"f44pa96\"\n },\n focusIndicator: {\n Bbcte9g: \"fhqs6ru\",\n Bn40d3w: [\"f14qhy8p\", \"f12lscv2\"],\n i2cumq: \"f1p9w1qi\",\n lbo84a: [\"f12lscv2\", \"f14qhy8p\"],\n B5gfjzb: \"ff4w5z6\",\n u5e7qz: [\"f1slf1ze\", \"f33ndkz\"],\n Bbjhlyh: \"fsap1ud\",\n mqozju: [\"f33ndkz\", \"f1slf1ze\"],\n B8q5s1w: \"f17t0x8g\",\n Bci5o5g: [\"f194v5ow\", \"fk7jm04\"],\n n8qw10: \"f1qgg65p\",\n Bdrgwmp: [\"fk7jm04\", \"f194v5ow\"],\n g9k6zt: \"f1nev41a\"\n },\n states: {\n Bi91k9c: \"feu1g3u\",\n Jwef8y: \"f1knas48\",\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1xlaoq0\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n lj723h: \"f1g4hkjv\",\n ecr2s2: \"fb40n2d\",\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fumykes\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n selected: {\n sj55zd: \"f14nttnl\",\n De3pzq: \"f1nfm20t\",\n g2u3we: \"f1ly1fcm\",\n h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n B9xav0g: \"f1s9tnsa\",\n zhjwy3: [\"fj6btzu\", \"fi8bssc\"]\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n },\n caption2Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n caption1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n body1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n subtitle1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\"\n },\n title3: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1x0m3f5\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fb86gi6\"\n },\n borderThin: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n borderThick: {\n B4j52fo: \"f18zi460\",\n Bekrc4i: [\"f1wpluaz\", \"fsfsuhs\"],\n Bn0qgzm: \"fmklw6v\",\n ibv6hh: [\"fsfsuhs\", \"f1wpluaz\"]\n },\n borderThicker: {\n B4j52fo: \"fgx37oo\",\n Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n Bn0qgzm: \"fv51ejd\",\n ibv6hh: [\"f1efpmoh\", \"f130t4y6\"]\n },\n borderThickest: {\n B4j52fo: \"fwn6jck\",\n Bekrc4i: [\"figl7jc\", \"f1g0iy8l\"],\n Bn0qgzm: \"f1b8shu7\",\n ibv6hh: [\"f1g0iy8l\", \"figl7jc\"]\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".fi64zpg{flex-shrink:0;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f44pa96{color:transparent;}\", \".fhqs6ru[data-fui-focus-visible]{border-top-width:var(--strokeWidthThick);}\", \".f14qhy8p[data-fui-focus-visible]{border-right-width:var(--strokeWidthThick);}\", \".f12lscv2[data-fui-focus-visible]{border-left-width:var(--strokeWidthThick);}\", \".f1p9w1qi[data-fui-focus-visible]{border-bottom-width:var(--strokeWidthThick);}\", \".ff4w5z6[data-fui-focus-visible]{border-top-style:solid;}\", \".f1slf1ze[data-fui-focus-visible]{border-right-style:solid;}\", \".f33ndkz[data-fui-focus-visible]{border-left-style:solid;}\", \".fsap1ud[data-fui-focus-visible]{border-bottom-style:solid;}\", \".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}\", \".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}\", \".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}\", \".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f18zi460{border-top-width:var(--strokeWidthThick);}\", \".f1wpluaz{border-right-width:var(--strokeWidthThick);}\", \".fsfsuhs{border-left-width:var(--strokeWidthThick);}\", \".fmklw6v{border-bottom-width:var(--strokeWidthThick);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fwn6jck{border-top-width:var(--strokeWidthThickest);}\", \".figl7jc{border-right-width:var(--strokeWidthThickest);}\", \".f1g0iy8l{border-left-width:var(--strokeWidthThickest);}\", \".f1b8shu7{border-bottom-width:var(--strokeWidthThickest);}\"],\n m: [[\"@media (forced-colors: active){.fw33nwi{border-top-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ptkjjm{border-right-color:CanvasText;}.fmzzjfk{border-left-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f15j0dln{border-bottom-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\"],\n a: [\".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fumykes:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\"]\n});\n/**\n * Apply styling to the AvatarGroupPopover slots based on the state\n */\nexport const useAvatarGroupPopoverStyles_unstable = state => {\n const {\n indicator,\n size,\n layout,\n popoverOpen\n } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","__styles","base","dclx09","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","mc9l5x","Beiy3e4","d","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Bbcte9g","Bn40d3w","i2cumq","lbo84a","B5gfjzb","u5e7qz","Bbjhlyh","mqozju","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","state","indicator","size","layout","popoverOpen","sizeStyles","useSizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","useGroupChildClassName","triggerButtonClasses","push","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/**\n * Styles for the content slot.\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n dclx09: \"ftrb29c\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".ftrb29c{list-style-type:none;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Styles for the popoverSurface slot.\n */\nconst usePopoverSurfaceStyles = /*#__PURE__*/__styles({\n base: {\n Bxyxcbc: \"fopcw2o\",\n sshi5w: \"f1n5o1gx\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"fqkkaap\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n a9b677: \"f13dwy2t\"\n }\n}, {\n d: [\".fopcw2o{max-height:220px;}\", \".f1n5o1gx{min-height:80px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".fqkkaap{overflow-y:scroll;}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".f13dwy2t{width:220px;}\"]\n});\n/**\n * Styles for the triggerButton slot.\n */\nconst useTriggerButtonStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\",\n Bnnss6s: \"fi64zpg\",\n Brf1p80: \"f4d9j23\",\n Bt984gj: \"f122n59\",\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n Bjwas2f: \"fw33nwi\",\n Bn1d65q: [\"f1ptkjjm\", \"fmzzjfk\"],\n Bxeuatn: \"f15j0dln\",\n n51gp8: [\"fmzzjfk\", \"f1ptkjjm\"]\n },\n pie: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n sj55zd: \"f44pa96\"\n },\n focusIndicator: {\n Bbcte9g: \"fhqs6ru\",\n Bn40d3w: [\"f14qhy8p\", \"f12lscv2\"],\n i2cumq: \"f1p9w1qi\",\n lbo84a: [\"f12lscv2\", \"f14qhy8p\"],\n B5gfjzb: \"ff4w5z6\",\n u5e7qz: [\"f1slf1ze\", \"f33ndkz\"],\n Bbjhlyh: \"fsap1ud\",\n mqozju: [\"f33ndkz\", \"f1slf1ze\"],\n B8q5s1w: \"f17t0x8g\",\n Bci5o5g: [\"f194v5ow\", \"fk7jm04\"],\n n8qw10: \"f1qgg65p\",\n Bdrgwmp: [\"fk7jm04\", \"f194v5ow\"],\n g9k6zt: \"f1nev41a\"\n },\n states: {\n Bi91k9c: \"feu1g3u\",\n Jwef8y: \"f1knas48\",\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1xlaoq0\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n lj723h: \"f1g4hkjv\",\n ecr2s2: \"fb40n2d\",\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fumykes\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n selected: {\n sj55zd: \"f14nttnl\",\n De3pzq: \"f1nfm20t\",\n g2u3we: \"f1ly1fcm\",\n h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n B9xav0g: \"f1s9tnsa\",\n zhjwy3: [\"fj6btzu\", \"fi8bssc\"]\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n },\n caption2Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n caption1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n body1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n subtitle1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\"\n },\n title3: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1x0m3f5\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fb86gi6\"\n },\n borderThin: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n borderThick: {\n B4j52fo: \"f18zi460\",\n Bekrc4i: [\"f1wpluaz\", \"fsfsuhs\"],\n Bn0qgzm: \"fmklw6v\",\n ibv6hh: [\"fsfsuhs\", \"f1wpluaz\"]\n },\n borderThicker: {\n B4j52fo: \"fgx37oo\",\n Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n Bn0qgzm: \"fv51ejd\",\n ibv6hh: [\"f1efpmoh\", \"f130t4y6\"]\n },\n borderThickest: {\n B4j52fo: \"fwn6jck\",\n Bekrc4i: [\"figl7jc\", \"f1g0iy8l\"],\n Bn0qgzm: \"f1b8shu7\",\n ibv6hh: [\"f1g0iy8l\", \"figl7jc\"]\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".fi64zpg{flex-shrink:0;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f44pa96{color:transparent;}\", \".fhqs6ru[data-fui-focus-visible]{border-top-width:var(--strokeWidthThick);}\", \".f14qhy8p[data-fui-focus-visible]{border-right-width:var(--strokeWidthThick);}\", \".f12lscv2[data-fui-focus-visible]{border-left-width:var(--strokeWidthThick);}\", \".f1p9w1qi[data-fui-focus-visible]{border-bottom-width:var(--strokeWidthThick);}\", \".ff4w5z6[data-fui-focus-visible]{border-top-style:solid;}\", \".f1slf1ze[data-fui-focus-visible]{border-right-style:solid;}\", \".f33ndkz[data-fui-focus-visible]{border-left-style:solid;}\", \".fsap1ud[data-fui-focus-visible]{border-bottom-style:solid;}\", \".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}\", \".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}\", \".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}\", \".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f18zi460{border-top-width:var(--strokeWidthThick);}\", \".f1wpluaz{border-right-width:var(--strokeWidthThick);}\", \".fsfsuhs{border-left-width:var(--strokeWidthThick);}\", \".fmklw6v{border-bottom-width:var(--strokeWidthThick);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fwn6jck{border-top-width:var(--strokeWidthThickest);}\", \".figl7jc{border-right-width:var(--strokeWidthThickest);}\", \".f1g0iy8l{border-left-width:var(--strokeWidthThickest);}\", \".f1b8shu7{border-bottom-width:var(--strokeWidthThickest);}\"],\n m: [[\"@media (forced-colors: active){.fw33nwi{border-top-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ptkjjm{border-right-color:CanvasText;}.fmzzjfk{border-left-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f15j0dln{border-bottom-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\"],\n a: [\".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fumykes:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\"]\n});\n/**\n * Apply styling to the AvatarGroupPopover slots based on the state\n */\nexport const useAvatarGroupPopoverStyles_unstable = state => {\n const {\n indicator,\n size,\n layout,\n popoverOpen\n } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","__styles","base","dclx09","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","mc9l5x","Beiy3e4","d","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Bbcte9g","Bn40d3w","i2cumq","lbo84a","B5gfjzb","u5e7qz","Bbjhlyh","mqozju","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","state","indicator","size","layout","popoverOpen","sizeStyles","useSizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","useGroupChildClassName","triggerButtonClasses","push","className","mergeClasses"],"mappings":"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"}
|
|
@@ -9,11 +9,15 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
AvatarContextProvider: ()
|
|
13
|
-
|
|
12
|
+
AvatarContextProvider: function() {
|
|
13
|
+
return AvatarContextProvider;
|
|
14
|
+
},
|
|
15
|
+
useAvatarContext: function() {
|
|
16
|
+
return useAvatarContext;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
16
|
-
const _react = /*#__PURE__*/
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
17
21
|
const avatarContext = /*#__PURE__*/ _react.createContext(undefined);
|
|
18
22
|
const avatarContextDefaultValue = {};
|
|
19
23
|
const AvatarContextProvider = avatarContext.Provider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AvatarContext.js"],"sourcesContent":["import * as React from 'react';\nconst avatarContext = React.createContext(undefined);\nconst avatarContextDefaultValue = {};\n/**\n * @internal\n */ export const AvatarContextProvider = avatarContext.Provider;\nvar _React_useContext;\n/**\n * @internal\n */ export const useAvatarContext = ()=>(_React_useContext = React.useContext(avatarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : avatarContextDefaultValue;\n"],"names":["AvatarContextProvider","useAvatarContext","avatarContext","React","createContext","undefined","avatarContextDefaultValue","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAKiBA,qBAAqB
|
|
1
|
+
{"version":3,"sources":["AvatarContext.js"],"sourcesContent":["import * as React from 'react';\nconst avatarContext = React.createContext(undefined);\nconst avatarContextDefaultValue = {};\n/**\n * @internal\n */ export const AvatarContextProvider = avatarContext.Provider;\nvar _React_useContext;\n/**\n * @internal\n */ export const useAvatarContext = ()=>(_React_useContext = React.useContext(avatarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : avatarContextDefaultValue;\n"],"names":["AvatarContextProvider","useAvatarContext","avatarContext","React","createContext","undefined","avatarContextDefaultValue","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAKiBA,qBAAqB;eAArBA;;IAIAC,gBAAgB;eAAhBA;;;;iEATM;AACvB,MAAMC,8BAAgBC,OAAMC,aAAa,CAACC;AAC1C,MAAMC,4BAA4B,CAAC;AAGxB,MAAMN,wBAAwBE,cAAcK,QAAQ;AAC/D,IAAIC;AAGO,MAAMP,mBAAmB,IAAI,AAACO,CAAAA,oBAAoBL,OAAMM,UAAU,CAACP,cAAa,MAAO,QAAQM,sBAAsB,KAAK,IAAIA,oBAAoBF"}
|
|
@@ -9,12 +9,18 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
AvatarGroupContext: ()
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
AvatarGroupContext: function() {
|
|
13
|
+
return AvatarGroupContext;
|
|
14
|
+
},
|
|
15
|
+
AvatarGroupProvider: function() {
|
|
16
|
+
return AvatarGroupProvider;
|
|
17
|
+
},
|
|
18
|
+
useAvatarGroupContext_unstable: function() {
|
|
19
|
+
return useAvatarGroupContext_unstable;
|
|
20
|
+
}
|
|
15
21
|
});
|
|
16
|
-
const
|
|
17
|
-
const AvatarGroupContext = (0,
|
|
22
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
23
|
+
const AvatarGroupContext = (0, _reactcontextselector.createContext)(undefined);
|
|
18
24
|
const avatarGroupContextDefaultValue = {};
|
|
19
25
|
const AvatarGroupProvider = AvatarGroupContext.Provider;
|
|
20
|
-
const useAvatarGroupContext_unstable = (selector)=>(0,
|
|
26
|
+
const useAvatarGroupContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AvatarGroupContext, (ctx = avatarGroupContextDefaultValue)=>selector(ctx));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AvatarGroupContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\n/**\n * AvatarGroupContext is provided by AvatarGroup and AvatarGroupPopover. It's consumed by AvatarGroupItem to determine\n * default values of some props.\n */ export const AvatarGroupContext = createContext(undefined);\nconst avatarGroupContextDefaultValue = {};\nexport const AvatarGroupProvider = AvatarGroupContext.Provider;\nexport const useAvatarGroupContext_unstable = (selector)=>useContextSelector(AvatarGroupContext, (ctx = avatarGroupContextDefaultValue)=>selector(ctx));\n"],"names":["AvatarGroupContext","AvatarGroupProvider","useAvatarGroupContext_unstable","createContext","undefined","avatarGroupContextDefaultValue","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAIiBA,kBAAkB
|
|
1
|
+
{"version":3,"sources":["AvatarGroupContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\n/**\n * AvatarGroupContext is provided by AvatarGroup and AvatarGroupPopover. It's consumed by AvatarGroupItem to determine\n * default values of some props.\n */ export const AvatarGroupContext = createContext(undefined);\nconst avatarGroupContextDefaultValue = {};\nexport const AvatarGroupProvider = AvatarGroupContext.Provider;\nexport const useAvatarGroupContext_unstable = (selector)=>useContextSelector(AvatarGroupContext, (ctx = avatarGroupContextDefaultValue)=>selector(ctx));\n"],"names":["AvatarGroupContext","AvatarGroupProvider","useAvatarGroupContext_unstable","createContext","undefined","avatarGroupContextDefaultValue","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAIiBA,kBAAkB;eAAlBA;;IAEJC,mBAAmB;eAAnBA;;IACAC,8BAA8B;eAA9BA;;;sCAPqC;AAIvC,MAAMF,qBAAqBG,IAAAA,mCAAa,EAACC;AACpD,MAAMC,iCAAiC,CAAC;AACjC,MAAMJ,sBAAsBD,mBAAmBM,QAAQ;AACvD,MAAMJ,iCAAiC,CAACK,WAAWC,IAAAA,wCAAkB,EAACR,oBAAoB,CAACS,MAAMJ,8BAA8B,GAAGE,SAASE"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./AvatarGroupContext"), exports);
|
|
7
|
+
_export_star._(require("./AvatarContext"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupContext';\nexport * from './AvatarContext';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AvatarGroupContext';\nexport * from './AvatarContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
|