@fluentui/react-avatar 9.6.30 → 9.6.32
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.md +36 -2
- package/lib/Avatar.js.map +1 -1
- package/lib/AvatarGroup.js.map +1 -1
- package/lib/AvatarGroupItem.js.map +1 -1
- package/lib/AvatarGroupPopover.js.map +1 -1
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/Avatar.types.js +3 -1
- package/lib/components/Avatar/Avatar.types.js.map +1 -1
- package/lib/components/Avatar/index.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.styles.js +2 -0
- package/lib/components/Avatar/useAvatarStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
- package/lib/components/AvatarGroup/index.js.map +1 -1
- package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js +2 -0
- package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js +3 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
- package/lib/components/AvatarGroupItem/index.js.map +1 -1
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js +2 -0
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- 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 +2 -0
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
- package/lib/contexts/AvatarContext.js.map +1 -1
- package/lib/contexts/AvatarGroupContext.js.map +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/getInitials.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/partitionAvatarGroupItems.js.map +1 -1
- package/lib-commonjs/Avatar.js.map +1 -1
- package/lib-commonjs/AvatarGroup.js.map +1 -1
- package/lib-commonjs/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.types.js +3 -1
- package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
- package/lib-commonjs/components/Avatar/index.js.map +1 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js +4 -3
- package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js +3 -3
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js +1 -0
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js +3 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js +1 -0
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js +1 -0
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/AvatarContext.js.map +1 -1
- package/lib-commonjs/contexts/AvatarGroupContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +44 -44
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/getInitials.js.map +1 -1
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/partitionAvatarGroupItems.js.map +1 -1
- package/package.json +10 -10
package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAvatarGroupPopoverContextValues.
|
|
1
|
+
{"version":3,"sources":["useAvatarGroupPopoverContextValues.ts"],"sourcesContent":["import { AvatarGroupContextValue, AvatarGroupContextValues } from '../AvatarGroup/AvatarGroup.types';\nimport { AvatarGroupPopoverState } from './AvatarGroupPopover.types';\n\nexport const useAvatarGroupPopoverContextValues_unstable = (\n state: AvatarGroupPopoverState,\n): AvatarGroupContextValues => {\n const avatarGroup: AvatarGroupContextValue = {\n isOverflow: true,\n size: 24,\n };\n\n return { avatarGroup };\n};\n"],"names":["useAvatarGroupPopoverContextValues_unstable","state","avatarGroup","isOverflow","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;AAAN,MAAMA,8CAA8C,CACzDC;IAEA,MAAMC,cAAuC;QAC3CC,YAAY;QACZC,MAAM;IACR;IAEA,OAAO;QAAEF;IAAY;AACvB"}
|
|
@@ -453,6 +453,7 @@ const avatarGroupPopoverClassNames = {
|
|
|
453
453
|
]
|
|
454
454
|
});
|
|
455
455
|
const useAvatarGroupPopoverStyles_unstable = (state)=>{
|
|
456
|
+
'use no memo';
|
|
456
457
|
const { indicator, size, layout, popoverOpen } = state;
|
|
457
458
|
const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
|
|
458
459
|
const triggerButtonStyles = useTriggerButtonStyles();
|
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 jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".ftrb29c{list-style-type:none;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f19r5mr9\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1f5q0n8\",\n a9b677: \"f13dwy2t\"\n }\n}, {\n d: [\".fopcw2o{max-height:220px;}\", \".f1n5o1gx{min-height:80px;}\", [\".f19r5mr9{overflow:hidden scroll;}\", {\n p: -1\n }], [\".f1f5q0n8{padding:var(--spacingVerticalS) var(--spacingHorizontalS);}\", {\n p: -1\n }], \".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 Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\",\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\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 Byu6kyc: 0,\n n8qw10: 0,\n Bbjhlyh: 0,\n i2cumq: 0,\n Bunx835: 0,\n Bdrgwmp: 0,\n mqozju: 0,\n lbo84a: 0,\n Bksnhdo: 0,\n Bci5o5g: 0,\n u5e7qz: 0,\n Bn40d3w: 0,\n B7b6zxw: 0,\n B8q5s1w: 0,\n B5gfjzb: 0,\n Bbcte9g: 0,\n Bqz3imu: \"f1j9b7x8\",\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);}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".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;}\", [\".f1j9b7x8[data-fui-focus-visible]{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], \".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","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","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 { makeStyles, 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 */ const useContentStyles = makeStyles({\n base: {\n listStyleType: 'none',\n margin: '0',\n padding: '0',\n display: 'flex',\n flexDirection: 'column'\n }\n});\n/**\n * Styles for the popoverSurface slot.\n */ const usePopoverSurfaceStyles = makeStyles({\n base: {\n maxHeight: '220px',\n minHeight: '80px',\n overflow: 'hidden scroll',\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n width: '220px'\n }\n});\n/**\n * Styles for the triggerButton slot.\n */ const useTriggerButtonStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative',\n flexShrink: 0,\n justifyContent: 'center',\n alignItems: 'center',\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusCircular,\n ...shorthands.borderStyle('solid'),\n padding: '0',\n // Match color to Avatar's outline color.\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('CanvasText')\n }\n },\n pie: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n color: 'transparent'\n },\n focusIndicator: createCustomFocusIndicatorStyle({\n border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n outlineStyle: 'none'\n }),\n states: {\n '&:hover': {\n color: tokens.colorNeutralForeground1Hover,\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n },\n '&:active': {\n color: tokens.colorNeutralForeground1Pressed,\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n }\n },\n selected: {\n color: tokens.colorNeutralForeground1Selected,\n backgroundColor: tokens.colorNeutralBackground1Selected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n },\n caption2Strong: {\n ...typographyStyles.caption2Strong\n },\n caption1Strong: {\n ...typographyStyles.caption1Strong\n },\n body1Strong: {\n ...typographyStyles.body1Strong\n },\n subtitle2: {\n ...typographyStyles.subtitle2\n },\n subtitle1: {\n ...typographyStyles.subtitle1\n },\n title3: {\n ...typographyStyles.title3\n },\n borderThin: {\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n },\n borderThick: {\n ...shorthands.borderWidth(tokens.strokeWidthThick)\n },\n borderThicker: {\n ...shorthands.borderWidth(tokens.strokeWidthThicker)\n },\n borderThickest: {\n ...shorthands.borderWidth(tokens.strokeWidthThickest)\n }\n});\n/**\n * Apply styling to the AvatarGroupPopover slots based on the state\n */ export const useAvatarGroupPopoverStyles_unstable = (state)=>{\n 'use no memo';\n const { indicator, size, layout, popoverOpen } = 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"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","__styles","base","dclx09","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AvatarContext.
|
|
1
|
+
{"version":3,"sources":["AvatarContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AvatarShape, AvatarSize } from '../components/Avatar/Avatar.types';\n\nconst avatarContext = React.createContext<AvatarContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport interface AvatarContextValue {\n shape?: AvatarShape;\n size?: AvatarSize;\n}\n\nconst avatarContextDefaultValue: AvatarContextValue = {};\n\n/**\n * @internal\n */\nexport const AvatarContextProvider = avatarContext.Provider;\n\n/**\n * @internal\n */\nexport const useAvatarContext = () => React.useContext(avatarContext) ?? avatarContextDefaultValue;\n"],"names":["AvatarContextProvider","useAvatarContext","avatarContext","React","createContext","undefined","avatarContextDefaultValue","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkBaA,qBAAAA;eAAAA;;IAKAC,gBAAAA;eAAAA;;;;iEAvBU;AAGvB,MAAMC,8BAAgBC,OAAMC,aAAa,CAAiCC;AAU1E,MAAMC,4BAAgD,CAAC;AAKhD,MAAMN,wBAAwBE,cAAcK,QAAQ;AAKpD,MAAMN,mBAAmB;QAAME;WAAAA,CAAAA,oBAAAA,OAAMK,UAAU,CAACN,cAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAmCG;AAAwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AvatarGroupContext.
|
|
1
|
+
{"version":3,"sources":["AvatarGroupContext.ts"],"sourcesContent":["import { createContext, useContextSelector, ContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AvatarGroupContextValue } from '../AvatarGroup';\n\n/**\n * AvatarGroupContext is provided by AvatarGroup and AvatarGroupPopover. It's consumed by AvatarGroupItem to determine\n * default values of some props.\n */\nexport const AvatarGroupContext: Context<AvatarGroupContextValue> = createContext<AvatarGroupContextValue | undefined>(\n undefined,\n) as Context<AvatarGroupContextValue>;\n\nconst avatarGroupContextDefaultValue: AvatarGroupContextValue = {};\n\nexport const AvatarGroupProvider = AvatarGroupContext.Provider;\n\nexport const useAvatarGroupContext_unstable = <T>(selector: ContextSelector<AvatarGroupContextValue, T>): T =>\n useContextSelector(AvatarGroupContext, (ctx = avatarGroupContextDefaultValue) => selector(ctx));\n"],"names":["AvatarGroupContext","AvatarGroupProvider","useAvatarGroupContext_unstable","createContext","undefined","avatarGroupContextDefaultValue","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,kBAAAA;eAAAA;;IAMAC,mBAAAA;eAAAA;;IAEAC,8BAAAA;eAAAA;;;sCAhBsD;AAQ5D,MAAMF,qBAAuDG,IAAAA,mCAAAA,EAClEC;AAGF,MAAMC,iCAA0D,CAAC;AAE1D,MAAMJ,sBAAsBD,mBAAmBM,QAAQ;AAEvD,MAAMJ,iCAAiC,CAAIK,WAChDC,IAAAA,wCAAAA,EAAmBR,oBAAoB,CAACS,MAAMJ,8BAA8B,GAAKE,SAASE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AvatarGroupContext';\nexport * from './AvatarContext';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -12,17 +12,32 @@ _export(exports, {
|
|
|
12
12
|
Avatar: function() {
|
|
13
13
|
return _Avatar.Avatar;
|
|
14
14
|
},
|
|
15
|
+
AvatarContextProvider: function() {
|
|
16
|
+
return _index1.AvatarContextProvider;
|
|
17
|
+
},
|
|
18
|
+
AvatarGroup: function() {
|
|
19
|
+
return _AvatarGroup.AvatarGroup;
|
|
20
|
+
},
|
|
21
|
+
AvatarGroupItem: function() {
|
|
22
|
+
return _AvatarGroupItem.AvatarGroupItem;
|
|
23
|
+
},
|
|
24
|
+
AvatarGroupPopover: function() {
|
|
25
|
+
return _AvatarGroupPopover.AvatarGroupPopover;
|
|
26
|
+
},
|
|
27
|
+
AvatarGroupProvider: function() {
|
|
28
|
+
return _index1.AvatarGroupProvider;
|
|
29
|
+
},
|
|
15
30
|
avatarClassNames: function() {
|
|
16
31
|
return _Avatar.avatarClassNames;
|
|
17
32
|
},
|
|
18
|
-
|
|
19
|
-
return
|
|
33
|
+
avatarGroupClassNames: function() {
|
|
34
|
+
return _AvatarGroup.avatarGroupClassNames;
|
|
20
35
|
},
|
|
21
|
-
|
|
22
|
-
return
|
|
36
|
+
avatarGroupItemClassNames: function() {
|
|
37
|
+
return _AvatarGroupItem.avatarGroupItemClassNames;
|
|
23
38
|
},
|
|
24
|
-
|
|
25
|
-
return
|
|
39
|
+
avatarGroupPopoverClassNames: function() {
|
|
40
|
+
return _AvatarGroupPopover.avatarGroupPopoverClassNames;
|
|
26
41
|
},
|
|
27
42
|
getInitials: function() {
|
|
28
43
|
return _index.getInitials;
|
|
@@ -30,32 +45,26 @@ _export(exports, {
|
|
|
30
45
|
partitionAvatarGroupItems: function() {
|
|
31
46
|
return _index.partitionAvatarGroupItems;
|
|
32
47
|
},
|
|
33
|
-
|
|
34
|
-
return
|
|
48
|
+
renderAvatarGroupItem_unstable: function() {
|
|
49
|
+
return _AvatarGroupItem.renderAvatarGroupItem_unstable;
|
|
35
50
|
},
|
|
36
|
-
|
|
37
|
-
return
|
|
51
|
+
renderAvatarGroupPopover_unstable: function() {
|
|
52
|
+
return _AvatarGroupPopover.renderAvatarGroupPopover_unstable;
|
|
38
53
|
},
|
|
39
54
|
renderAvatarGroup_unstable: function() {
|
|
40
55
|
return _AvatarGroup.renderAvatarGroup_unstable;
|
|
41
56
|
},
|
|
42
|
-
|
|
43
|
-
return
|
|
44
|
-
},
|
|
45
|
-
useAvatarGroupStyles_unstable: function() {
|
|
46
|
-
return _AvatarGroup.useAvatarGroupStyles_unstable;
|
|
47
|
-
},
|
|
48
|
-
useAvatarGroup_unstable: function() {
|
|
49
|
-
return _AvatarGroup.useAvatarGroup_unstable;
|
|
57
|
+
renderAvatar_unstable: function() {
|
|
58
|
+
return _Avatar.renderAvatar_unstable;
|
|
50
59
|
},
|
|
51
|
-
|
|
52
|
-
return
|
|
60
|
+
useAvatarContext: function() {
|
|
61
|
+
return _index1.useAvatarContext;
|
|
53
62
|
},
|
|
54
|
-
|
|
55
|
-
return
|
|
63
|
+
useAvatarGroupContextValues: function() {
|
|
64
|
+
return _AvatarGroup.useAvatarGroupContextValues;
|
|
56
65
|
},
|
|
57
|
-
|
|
58
|
-
return
|
|
66
|
+
useAvatarGroupContext_unstable: function() {
|
|
67
|
+
return _index1.useAvatarGroupContext_unstable;
|
|
59
68
|
},
|
|
60
69
|
useAvatarGroupItemStyles_unstable: function() {
|
|
61
70
|
return _AvatarGroupItem.useAvatarGroupItemStyles_unstable;
|
|
@@ -63,35 +72,26 @@ _export(exports, {
|
|
|
63
72
|
useAvatarGroupItem_unstable: function() {
|
|
64
73
|
return _AvatarGroupItem.useAvatarGroupItem_unstable;
|
|
65
74
|
},
|
|
66
|
-
AvatarGroupPopover: function() {
|
|
67
|
-
return _AvatarGroupPopover.AvatarGroupPopover;
|
|
68
|
-
},
|
|
69
|
-
avatarGroupPopoverClassNames: function() {
|
|
70
|
-
return _AvatarGroupPopover.avatarGroupPopoverClassNames;
|
|
71
|
-
},
|
|
72
|
-
renderAvatarGroupPopover_unstable: function() {
|
|
73
|
-
return _AvatarGroupPopover.renderAvatarGroupPopover_unstable;
|
|
74
|
-
},
|
|
75
|
-
useAvatarGroupPopover_unstable: function() {
|
|
76
|
-
return _AvatarGroupPopover.useAvatarGroupPopover_unstable;
|
|
77
|
-
},
|
|
78
75
|
useAvatarGroupPopoverContextValues_unstable: function() {
|
|
79
76
|
return _AvatarGroupPopover.useAvatarGroupPopoverContextValues_unstable;
|
|
80
77
|
},
|
|
81
78
|
useAvatarGroupPopoverStyles_unstable: function() {
|
|
82
79
|
return _AvatarGroupPopover.useAvatarGroupPopoverStyles_unstable;
|
|
83
80
|
},
|
|
84
|
-
|
|
85
|
-
return
|
|
81
|
+
useAvatarGroupPopover_unstable: function() {
|
|
82
|
+
return _AvatarGroupPopover.useAvatarGroupPopover_unstable;
|
|
86
83
|
},
|
|
87
|
-
|
|
88
|
-
return
|
|
84
|
+
useAvatarGroupStyles_unstable: function() {
|
|
85
|
+
return _AvatarGroup.useAvatarGroupStyles_unstable;
|
|
89
86
|
},
|
|
90
|
-
|
|
91
|
-
return
|
|
87
|
+
useAvatarGroup_unstable: function() {
|
|
88
|
+
return _AvatarGroup.useAvatarGroup_unstable;
|
|
92
89
|
},
|
|
93
|
-
|
|
94
|
-
return
|
|
90
|
+
useAvatarStyles_unstable: function() {
|
|
91
|
+
return _Avatar.useAvatarStyles_unstable;
|
|
92
|
+
},
|
|
93
|
+
useAvatar_unstable: function() {
|
|
94
|
+
return _Avatar.useAvatar_unstable;
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
const _Avatar = require("./Avatar");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Avatar,\n avatarClassNames,\n renderAvatar_unstable,\n useAvatarStyles_unstable,\n useAvatar_unstable,\n} from './Avatar';\nexport type {\n AvatarNamedColor,\n AvatarProps,\n AvatarSlots,\n AvatarState,\n AvatarShape,\n // eslint-disable-next-line deprecation/deprecation\n AvatarSizes,\n AvatarSize,\n} from './Avatar';\nexport { getInitials, partitionAvatarGroupItems } from './utils/index';\nexport type { PartitionAvatarGroupItems, PartitionAvatarGroupItemsOptions } from './utils/index';\nexport {\n AvatarGroup,\n avatarGroupClassNames,\n renderAvatarGroup_unstable,\n useAvatarGroupContextValues,\n useAvatarGroupStyles_unstable,\n useAvatarGroup_unstable,\n} from './AvatarGroup';\nexport type {\n AvatarGroupProps,\n AvatarGroupSlots,\n AvatarGroupState,\n AvatarGroupContextValue,\n AvatarGroupContextValues,\n} from './AvatarGroup';\nexport {\n AvatarGroupItem,\n avatarGroupItemClassNames,\n renderAvatarGroupItem_unstable,\n useAvatarGroupItemStyles_unstable,\n useAvatarGroupItem_unstable,\n} from './AvatarGroupItem';\nexport type { AvatarGroupItemProps, AvatarGroupItemSlots, AvatarGroupItemState } from './AvatarGroupItem';\nexport {\n AvatarGroupPopover,\n avatarGroupPopoverClassNames,\n renderAvatarGroupPopover_unstable,\n useAvatarGroupPopover_unstable,\n useAvatarGroupPopoverContextValues_unstable,\n useAvatarGroupPopoverStyles_unstable,\n} from './AvatarGroupPopover';\nexport type { AvatarGroupPopoverProps, AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover';\nexport {\n AvatarContextProvider,\n AvatarGroupProvider,\n useAvatarContext,\n useAvatarGroupContext_unstable,\n} from './contexts/index';\nexport type { AvatarContextValue } from './contexts/index';\n"],"names":["Avatar","AvatarContextProvider","AvatarGroup","AvatarGroupItem","AvatarGroupPopover","AvatarGroupProvider","avatarClassNames","avatarGroupClassNames","avatarGroupItemClassNames","avatarGroupPopoverClassNames","getInitials","partitionAvatarGroupItems","renderAvatarGroupItem_unstable","renderAvatarGroupPopover_unstable","renderAvatarGroup_unstable","renderAvatar_unstable","useAvatarContext","useAvatarGroupContextValues","useAvatarGroupContext_unstable","useAvatarGroupItemStyles_unstable","useAvatarGroupItem_unstable","useAvatarGroupPopoverContextValues_unstable","useAvatarGroupPopoverStyles_unstable","useAvatarGroupPopover_unstable","useAvatarGroupStyles_unstable","useAvatarGroup_unstable","useAvatarStyles_unstable","useAvatar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,MAAM;eAANA,cAAM;;IAmDNC,qBAAqB;eAArBA,6BAAqB;;IAhCrBC,WAAW;eAAXA,wBAAW;;IAeXC,eAAe;eAAfA,gCAAe;;IAQfC,kBAAkB;eAAlBA,sCAAkB;;IAUlBC,mBAAmB;eAAnBA,2BAAmB;;IAnDnBC,gBAAgB;eAAhBA,wBAAgB;;IAmBhBC,qBAAqB;eAArBA,kCAAqB;;IAerBC,yBAAyB;eAAzBA,0CAAyB;;IAQzBC,4BAA4B;eAA5BA,gDAA4B;;IA3BrBC,WAAW;eAAXA,kBAAW;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;IAoB7CC,8BAA8B;eAA9BA,+CAA8B;;IAQ9BC,iCAAiC;eAAjCA,qDAAiC;;IAvBjCC,0BAA0B;eAA1BA,uCAA0B;;IAnB1BC,qBAAqB;eAArBA,6BAAqB;;IAmDrBC,gBAAgB;eAAhBA,wBAAgB;;IA/BhBC,2BAA2B;eAA3BA,wCAA2B;;IAgC3BC,8BAA8B;eAA9BA,sCAA8B;;IAjB9BC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAQ3BC,2CAA2C;eAA3CA,+DAA2C;;IAC3CC,oCAAoC;eAApCA,wDAAoC;;IAFpCC,8BAA8B;eAA9BA,kDAA8B;;IAtB9BC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;IArBvBC,wBAAwB;eAAxBA,gCAAwB;;IACxBC,kBAAkB;eAAlBA,0BAAkB;;;wBACb;uBAWgD;6BAShD;iCAcA;oCASA;wBAOA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["getInitials.
|
|
1
|
+
{"version":3,"sources":["getInitials.ts"],"sourcesContent":["/**\n * Regular expressions matching characters to ignore when calculating the initials.\n */\n\n/**\n * Regular expression matching characters within various types of enclosures, including the enclosures themselves\n * so for example, (xyz) [xyz] {xyz} all would be ignored\n */\nconst UNWANTED_ENCLOSURES_REGEX: RegExp = /[\\(\\[\\{][^\\)\\]\\}]*[\\)\\]\\}]/g;\n\n/**\n * Regular expression matching special ASCII characters except space, plus some unicode special characters.\n * Applies after unwanted enclosures have been removed\n */\nconst UNWANTED_CHARS_REGEX: RegExp = /[\\0-\\u001F\\!-/:-@\\[-`\\{-\\u00BF\\u0250-\\u036F\\uD800-\\uFFFF]/g;\n\n/**\n * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed\n * and number has been trimmed for whitespaces\n */\nconst PHONENUMBER_REGEX: RegExp = /^\\d+[\\d\\s]*(:?ext|x|)\\s*\\d+$/i;\n\n/** Regular expression matching one or more spaces. */\nconst MULTIPLE_WHITESPACES_REGEX: RegExp = /\\s+/g;\n\n/**\n * Regular expression matching languages for which we currently don't support initials.\n * Arabic: Arabic, Arabic Supplement, Arabic Extended-A.\n * Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.\n * Japanese: Hiragana, Katakana.\n * CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,\n * CJK Unified Ideographs Extension B\n */\nconst UNSUPPORTED_TEXT_REGEX: RegExp =\n /[\\u0600-\\u06FF\\u0750-\\u077F\\u08A0-\\u08FF\\u1100-\\u11FF\\u3130-\\u318F\\uA960-\\uA97F\\uAC00-\\uD7AF\\uD7B0-\\uD7FF\\u3040-\\u309F\\u30A0-\\u30FF\\u3400-\\u4DBF\\u4E00-\\u9FFF\\uF900-\\uFAFF]|[\\uD840-\\uD869][\\uDC00-\\uDED6]/;\n\nfunction getInitialsLatin(displayName: string, isRtl: boolean, firstInitialOnly?: boolean): string {\n let initials = '';\n\n const splits: string[] = displayName.split(' ');\n if (splits.length !== 0) {\n initials += splits[0].charAt(0).toUpperCase();\n }\n\n if (!firstInitialOnly) {\n if (splits.length === 2) {\n initials += splits[1].charAt(0).toUpperCase();\n } else if (splits.length === 3) {\n initials += splits[2].charAt(0).toUpperCase();\n }\n }\n\n if (isRtl && initials.length > 1) {\n return initials.charAt(1) + initials.charAt(0);\n }\n\n return initials;\n}\n\nfunction cleanupDisplayName(displayName: string): string {\n displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');\n displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');\n displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');\n displayName = displayName.trim();\n\n return displayName;\n}\n\n/**\n * Get (up to 2 characters) initials based on display name of the persona.\n *\n * @param displayName - The full name of the person or entity\n * @param isRtl - Whether the display is in RTL\n * @param options - Extra options to control the behavior of getInitials\n *\n * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials\n * could be derived from the name.\n *\n * @internal\n */\nexport function getInitials(\n displayName: string | undefined | null,\n isRtl: boolean,\n options?: {\n /** Should initials be generated from phone numbers (default false) */\n allowPhoneInitials?: boolean;\n\n /** Returns only the first initial */\n firstInitialOnly?: boolean;\n },\n): string {\n if (!displayName) {\n return '';\n }\n\n displayName = cleanupDisplayName(displayName);\n\n // For names containing CJK characters, and phone numbers, we don't display initials\n if (\n UNSUPPORTED_TEXT_REGEX.test(displayName) ||\n (!options?.allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))\n ) {\n return '';\n }\n\n return getInitialsLatin(displayName, isRtl, options?.firstInitialOnly);\n}\n"],"names":["getInitials","UNWANTED_ENCLOSURES_REGEX","UNWANTED_CHARS_REGEX","PHONENUMBER_REGEX","MULTIPLE_WHITESPACES_REGEX","UNSUPPORTED_TEXT_REGEX","getInitialsLatin","displayName","isRtl","firstInitialOnly","initials","splits","split","length","charAt","toUpperCase","cleanupDisplayName","replace","trim","options","test","allowPhoneInitials"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;CAEC,GAED;;;CAGC;;;;+BAyEeA;;;eAAAA;;;AAxEhB,MAAMC,4BAAoC;AAE1C;;;CAGC,GACD,MAAMC,uBAA+B;AAErC;;;CAGC,GACD,MAAMC,oBAA4B;AAElC,oDAAoD,GACpD,MAAMC,6BAAqC;AAE3C;;;;;;;CAOC,GACD,MAAMC,yBACJ;AAEF,SAASC,iBAAiBC,WAAmB,EAAEC,KAAc,EAAEC,gBAA0B;IACvF,IAAIC,WAAW;IAEf,MAAMC,SAAmBJ,YAAYK,KAAK,CAAC;IAC3C,IAAID,OAAOE,MAAM,KAAK,GAAG;QACvBH,YAAYC,MAAM,CAAC,EAAE,CAACG,MAAM,CAAC,GAAGC,WAAW;IAC7C;IAEA,IAAI,CAACN,kBAAkB;QACrB,IAAIE,OAAOE,MAAM,KAAK,GAAG;YACvBH,YAAYC,MAAM,CAAC,EAAE,CAACG,MAAM,CAAC,GAAGC,WAAW;QAC7C,OAAO,IAAIJ,OAAOE,MAAM,KAAK,GAAG;YAC9BH,YAAYC,MAAM,CAAC,EAAE,CAACG,MAAM,CAAC,GAAGC,WAAW;QAC7C;IACF;IAEA,IAAIP,SAASE,SAASG,MAAM,GAAG,GAAG;QAChC,OAAOH,SAASI,MAAM,CAAC,KAAKJ,SAASI,MAAM,CAAC;IAC9C;IAEA,OAAOJ;AACT;AAEA,SAASM,mBAAmBT,WAAmB;IAC7CA,cAAcA,YAAYU,OAAO,CAAChB,2BAA2B;IAC7DM,cAAcA,YAAYU,OAAO,CAACf,sBAAsB;IACxDK,cAAcA,YAAYU,OAAO,CAACb,4BAA4B;IAC9DG,cAAcA,YAAYW,IAAI;IAE9B,OAAOX;AACT;AAcO,SAASP,YACdO,WAAsC,EACtCC,KAAc,EACdW,OAMC;IAED,IAAI,CAACZ,aAAa;QAChB,OAAO;IACT;IAEAA,cAAcS,mBAAmBT;IAEjC,oFAAoF;IACpF,IACEF,uBAAuBe,IAAI,CAACb,gBAC3B,CAACY,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASE,kBAAkB,AAAlBA,KAAsBlB,kBAAkBiB,IAAI,CAACb,cACxD;QACA,OAAO;IACT;IAEA,OAAOD,iBAAiBC,aAAaC,OAAOW,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASV,gBAAgB;AACvE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { getInitials } from './getInitials';\nexport { partitionAvatarGroupItems } from './partitionAvatarGroupItems';\nexport type { PartitionAvatarGroupItems, PartitionAvatarGroupItemsOptions } from './partitionAvatarGroupItems';\n"],"names":["getInitials","partitionAvatarGroupItems"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IACXC,yBAAyB;eAAzBA,oDAAyB;;;6BADN;2CACc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["partitionAvatarGroupItems.
|
|
1
|
+
{"version":3,"sources":["partitionAvatarGroupItems.ts"],"sourcesContent":["export type PartitionAvatarGroupItemsOptions<T> = {\n items: readonly T[];\n layout?: 'spread' | 'stack' | 'pie';\n maxInlineItems?: number;\n};\n\nexport type PartitionAvatarGroupItems<T> = {\n inlineItems: readonly T[];\n overflowItems?: readonly T[];\n};\n\n/**\n * Get the inline items and overflowing items based on the array of AvatarGroupItems needed for AvatarGroup.\n *\n * @param options - Configure the partition options\n *\n * @returns Two arrays split into inline items and overflow items based on maxInlineItems.\n */\nexport const partitionAvatarGroupItems = <T>(\n options: PartitionAvatarGroupItemsOptions<T>,\n): PartitionAvatarGroupItems<T> => {\n const { items } = options;\n const isPie = options.layout === 'pie';\n\n if (isPie) {\n return {\n inlineItems: items.slice(0, 3),\n overflowItems: items.length > 0 ? items : undefined,\n };\n }\n\n const maxInlineItems = options.maxInlineItems ?? 5;\n const inlineCount = -(maxInlineItems - (items.length > maxInlineItems ? 1 : 0));\n const overflowItems = items.slice(0, inlineCount);\n\n return {\n inlineItems: items.slice(inlineCount),\n overflowItems: overflowItems.length > 0 ? overflowItems : undefined,\n };\n};\n"],"names":["partitionAvatarGroupItems","options","items","isPie","layout","inlineItems","slice","overflowItems","length","undefined","maxInlineItems","inlineCount"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAWA;;;;;;CAMC;;;;+BACYA;;;eAAAA;;;AAAN,MAAMA,4BAA4B,CACvCC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGD;IAClB,MAAME,QAAQF,QAAQG,MAAM,KAAK;IAEjC,IAAID,OAAO;QACT,OAAO;YACLE,aAAaH,MAAMI,KAAK,CAAC,GAAG;YAC5BC,eAAeL,MAAMM,MAAM,GAAG,IAAIN,QAAQO;QAC5C;IACF;QAEuBR;IAAvB,MAAMS,iBAAiBT,CAAAA,0BAAAA,QAAQS,cAAc,AAAdA,MAAc,QAAtBT,4BAAAA,KAAAA,IAAAA,0BAA0B;IACjD,MAAMU,cAAc,CAAED,CAAAA,iBAAkBR,CAAAA,MAAMM,MAAM,GAAGE,iBAAiB,IAAI,CAAA,CAAA;IAC5E,MAAMH,gBAAgBL,MAAMI,KAAK,CAAC,GAAGK;IAErC,OAAO;QACLN,aAAaH,MAAMI,KAAK,CAACK;QACzBJ,eAAeA,cAAcC,MAAM,GAAG,IAAID,gBAAgBE;IAC5D;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-avatar",
|
|
3
|
-
"version": "9.6.
|
|
3
|
+
"version": "9.6.32",
|
|
4
4
|
"description": "React components for building Microsoft web experiences.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -37,16 +37,16 @@
|
|
|
37
37
|
"@fluentui/scripts-tasks": "*"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@fluentui/react-badge": "^9.2.
|
|
41
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
42
|
-
"@fluentui/react-icons": "^2.0.
|
|
43
|
-
"@fluentui/react-popover": "^9.9.
|
|
44
|
-
"@fluentui/react-shared-contexts": "^9.19.
|
|
45
|
-
"@fluentui/react-tabster": "^9.22.
|
|
40
|
+
"@fluentui/react-badge": "^9.2.40",
|
|
41
|
+
"@fluentui/react-context-selector": "^9.1.64",
|
|
42
|
+
"@fluentui/react-icons": "^2.0.245",
|
|
43
|
+
"@fluentui/react-popover": "^9.9.14",
|
|
44
|
+
"@fluentui/react-shared-contexts": "^9.19.1",
|
|
45
|
+
"@fluentui/react-tabster": "^9.22.2",
|
|
46
46
|
"@fluentui/react-theme": "^9.1.19",
|
|
47
|
-
"@fluentui/react-tooltip": "^9.4.
|
|
48
|
-
"@fluentui/react-utilities": "^9.18.
|
|
49
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
47
|
+
"@fluentui/react-tooltip": "^9.4.33",
|
|
48
|
+
"@fluentui/react-utilities": "^9.18.12",
|
|
49
|
+
"@fluentui/react-jsx-runtime": "^9.0.41",
|
|
50
50
|
"@griffel/react": "^1.5.22",
|
|
51
51
|
"@swc/helpers": "^0.5.1"
|
|
52
52
|
},
|