@fluentui/react-badge 9.5.0 → 9.5.2

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 CHANGED
@@ -1,12 +1,31 @@
1
1
  # Change Log - @fluentui/react-badge
2
2
 
3
- This log was last generated on Thu, 26 Mar 2026 08:10:38 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 23 Apr 2026 11:59:54 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.5.2)
8
+
9
+ Thu, 23 Apr 2026 11:59:54 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.5.1..@fluentui/react-badge_v9.5.2)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
16
+
17
+ ## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.5.1)
18
+
19
+ Mon, 30 Mar 2026 14:37:39 GMT
20
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.5.0..@fluentui/react-badge_v9.5.1)
21
+
22
+ ### Patches
23
+
24
+ - fix: fix incorrect PresenceBadge aria-label ([PR #35927](https://github.com/microsoft/fluentui/pull/35927) by dmytrokirpa@microsoft.com)
25
+
7
26
  ## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.5.0)
8
27
 
9
- Thu, 26 Mar 2026 08:10:38 GMT
28
+ Thu, 26 Mar 2026 08:12:47 GMT
10
29
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.4.15..@fluentui/react-badge_v9.5.0)
11
30
 
12
31
  ### Minor changes
@@ -1,5 +1,4 @@
1
1
  'use client';
2
- import * as React from 'react';
3
2
  import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
4
3
  /**
5
4
  * Returns the props and state required to render the component
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Badge/useBadge.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BadgeBaseProps, BadgeBaseState, BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n const { shape = 'circular', size = 'medium', appearance = 'filled', color = 'brand', ...badgeProps } = props;\n\n const state = useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>);\n\n return {\n ...state,\n shape,\n size,\n appearance,\n color,\n };\n};\n\n/**\n * Base hook for Badge component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Badge component.\n * @param ref - User provided ref to be passed to the Badge component.\n */\nexport const useBadgeBase_unstable = (props: BadgeBaseProps, ref: React.Ref<HTMLDivElement>): BadgeBaseState => {\n const { iconPosition = 'before' } = props;\n\n return {\n iconPosition,\n components: {\n root: 'div',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBadge_unstable","props","ref","shape","size","appearance","color","badgeProps","state","useBadgeBase_unstable","iconPosition","components","root","icon","always","elementType","optional"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,QAAQ,UAAU,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAE,GAAGC,YAAY,GAAGN;IAEvG,MAAMO,QAAQC,sBAAsBF,YAAYL;IAEhD,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMG,wBAAwB,CAACR,OAAuBC;IAC3D,MAAM,EAAEQ,eAAe,QAAQ,EAAE,GAAGT;IAEpC,OAAO;QACLS;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMb,KAAKe,MAAM,CACfhB,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAM;QAEvBF,MAAMd,KAAKiB,QAAQ,CAACf,MAAMY,IAAI,EAAE;YAAEE,aAAa;QAAO;IACxD;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/Badge/useBadge.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BadgeBaseProps, BadgeBaseState, BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n const { shape = 'circular', size = 'medium', appearance = 'filled', color = 'brand', ...badgeProps } = props;\n\n const state = useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>);\n\n return {\n ...state,\n shape,\n size,\n appearance,\n color,\n };\n};\n\n/**\n * Base hook for Badge component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Badge component.\n * @param ref - User provided ref to be passed to the Badge component.\n */\nexport const useBadgeBase_unstable = (props: BadgeBaseProps, ref: React.Ref<HTMLDivElement>): BadgeBaseState => {\n const { iconPosition = 'before' } = props;\n\n return {\n iconPosition,\n components: {\n root: 'div',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useBadge_unstable","props","ref","shape","size","appearance","color","badgeProps","state","useBadgeBase_unstable","iconPosition","components","root","icon","always","elementType","optional"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,QAAQ,UAAU,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAE,GAAGC,YAAY,GAAGN;IAEvG,MAAMO,QAAQC,sBAAsBF,YAAYL;IAEhD,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMG,wBAAwB,CAACR,OAAuBC;IAC3D,MAAM,EAAEQ,eAAe,QAAQ,EAAE,GAAGT;IAEpC,OAAO;QACLS;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMb,KAAKe,MAAM,CACfhB,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAM;QAEvBF,MAAMd,KAAKiB,QAAQ,CAACf,MAAMY,IAAI,EAAE;YAAEE,aAAa;QAAO;IACxD;AACF,EAAE"}
@@ -1,5 +1,4 @@
1
1
  'use client';
2
- import * as React from 'react';
3
2
  import { useBadgeBase_unstable } from '../Badge/index';
4
3
  /**
5
4
  * Returns the props and state required to render the component
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CounterBadge/useCounterBadge.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n CounterBadgeBaseProps,\n CounterBadgeBaseState,\n CounterBadgeProps,\n CounterBadgeState,\n} from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n const { shape = 'circular', appearance = 'filled', color = 'brand', size = 'medium', ...counterBadgeProps } = props;\n\n const state = useCounterBadgeBase_unstable(counterBadgeProps, ref);\n\n return {\n ...state,\n shape,\n appearance,\n color,\n size,\n };\n};\n\n/**\n * Base hook for CounterBadge component, which manages state related to slots structure and counter logic.\n *\n * @param props - User provided props to the CounterBadge component.\n * @param ref - User provided ref to be passed to the CounterBadge component.\n */\nexport const useCounterBadgeBase_unstable = (\n props: CounterBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): CounterBadgeBaseState => {\n const { showZero = false, overflowCount = 99, count = 0, dot = false, ...badgeProps } = props;\n\n const state: CounterBadgeBaseState = {\n ...useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>),\n showZero,\n count,\n dot,\n };\n\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n\n return state;\n};\n"],"names":["React","useBadgeBase_unstable","useCounterBadge_unstable","props","ref","shape","appearance","color","size","counterBadgeProps","state","useCounterBadgeBase_unstable","showZero","overflowCount","count","dot","badgeProps","root","children"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AAQvD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,QAAQ,UAAU,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAEC,OAAO,QAAQ,EAAE,GAAGC,mBAAmB,GAAGN;IAE9G,MAAMO,QAAQC,6BAA6BF,mBAAmBL;IAE9D,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMG,+BAA+B,CAC1CR,OACAC;IAEA,MAAM,EAAEQ,WAAW,KAAK,EAAEC,gBAAgB,EAAE,EAAEC,QAAQ,CAAC,EAAEC,MAAM,KAAK,EAAE,GAAGC,YAAY,GAAGb;IAExF,MAAMO,QAA+B;QACnC,GAAGT,sBAAsBe,YAAYZ,IAAiC;QACtEQ;QACAE;QACAC;IACF;IAEA,IAAI,AAACD,CAAAA,UAAU,KAAKF,QAAO,KAAM,CAACG,OAAO,CAACL,MAAMO,IAAI,CAACC,QAAQ,EAAE;QAC7DR,MAAMO,IAAI,CAACC,QAAQ,GAAGJ,QAAQD,gBAAgB,GAAGA,cAAc,CAAC,CAAC,GAAG,GAAGC,OAAO;IAChF;IAEA,OAAOJ;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/CounterBadge/useCounterBadge.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n CounterBadgeBaseProps,\n CounterBadgeBaseState,\n CounterBadgeProps,\n CounterBadgeState,\n} from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n const { shape = 'circular', appearance = 'filled', color = 'brand', size = 'medium', ...counterBadgeProps } = props;\n\n const state = useCounterBadgeBase_unstable(counterBadgeProps, ref);\n\n return {\n ...state,\n shape,\n appearance,\n color,\n size,\n };\n};\n\n/**\n * Base hook for CounterBadge component, which manages state related to slots structure and counter logic.\n *\n * @param props - User provided props to the CounterBadge component.\n * @param ref - User provided ref to be passed to the CounterBadge component.\n */\nexport const useCounterBadgeBase_unstable = (\n props: CounterBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): CounterBadgeBaseState => {\n const { showZero = false, overflowCount = 99, count = 0, dot = false, ...badgeProps } = props;\n\n const state: CounterBadgeBaseState = {\n ...useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>),\n showZero,\n count,\n dot,\n };\n\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n\n return state;\n};\n"],"names":["useBadgeBase_unstable","useCounterBadge_unstable","props","ref","shape","appearance","color","size","counterBadgeProps","state","useCounterBadgeBase_unstable","showZero","overflowCount","count","dot","badgeProps","root","children"],"mappings":"AAAA;AAGA,SAASA,qBAAqB,QAAQ,iBAAiB;AAQvD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,QAAQ,UAAU,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAEC,OAAO,QAAQ,EAAE,GAAGC,mBAAmB,GAAGN;IAE9G,MAAMO,QAAQC,6BAA6BF,mBAAmBL;IAE9D,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMG,+BAA+B,CAC1CR,OACAC;IAEA,MAAM,EAAEQ,WAAW,KAAK,EAAEC,gBAAgB,EAAE,EAAEC,QAAQ,CAAC,EAAEC,MAAM,KAAK,EAAE,GAAGC,YAAY,GAAGb;IAExF,MAAMO,QAA+B;QACnC,GAAGT,sBAAsBe,YAAYZ,IAAiC;QACtEQ;QACAE;QACAC;IACF;IAEA,IAAI,AAACD,CAAAA,UAAU,KAAKF,QAAO,KAAM,CAACG,OAAO,CAACL,MAAMO,IAAI,CAACC,QAAQ,EAAE;QAC7DR,MAAMO,IAAI,CAACC,QAAQ,GAAGJ,QAAQD,gBAAgB,GAAGA,cAAc,CAAC,CAAC,GAAG,GAAGC,OAAO;IAChF;IAEA,OAAOJ;AACT,EAAE"}
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import { PresenceAvailable10Regular, PresenceAvailable12Regular, PresenceAvailable16Regular, PresenceAvailable20Regular, PresenceAvailable10Filled, PresenceAvailable12Filled, PresenceAvailable16Filled, PresenceAvailable20Filled, PresenceAway10Regular, PresenceAway12Regular, PresenceAway16Regular, PresenceAway20Regular, PresenceAway10Filled, PresenceAway12Filled, PresenceAway16Filled, PresenceAway20Filled, PresenceBlocked10Regular, PresenceBlocked12Regular, PresenceBlocked16Regular, PresenceBlocked20Regular, PresenceBusy10Filled, PresenceBusy12Filled, PresenceBusy16Filled, PresenceBusy20Filled, PresenceDnd10Regular, PresenceDnd12Regular, PresenceDnd16Regular, PresenceDnd20Regular, PresenceDnd10Filled, PresenceDnd12Filled, PresenceDnd16Filled, PresenceDnd20Filled, PresenceOof10Regular, PresenceOof12Regular, PresenceOof16Regular, PresenceOof20Regular, PresenceOffline10Regular, PresenceOffline12Regular, PresenceOffline16Regular, PresenceOffline20Regular, PresenceUnknown10Regular, PresenceUnknown12Regular, PresenceUnknown16Regular, PresenceUnknown20Regular } from '@fluentui/react-icons';
3
2
  export const presenceAwayRegular = {
4
3
  // FIXME not all presence icon sizes are available
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable20Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAvailable20Filled,\n PresenceAway10Regular,\n PresenceAway12Regular,\n PresenceAway16Regular,\n PresenceAway20Regular,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceAway20Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBlocked20Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceBusy20Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd20Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceDnd20Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOof20Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceOffline20Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n PresenceUnknown20Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Regular,\n 'extra-small': PresenceAway10Regular,\n small: PresenceAway12Regular,\n medium: PresenceAway16Regular,\n large: PresenceAway20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Regular,\n};\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n large: PresenceAway20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n large: PresenceAvailable20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n large: PresenceAvailable20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n large: PresenceBlocked20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked20Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n large: PresenceBusy20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy20Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n large: PresenceDnd20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n large: PresenceDnd20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n large: PresenceOof20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof20Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n large: PresenceOffline20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline20Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n large: PresenceUnknown20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown20Regular,\n};\n"],"names":["React","PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable20Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAvailable20Filled","PresenceAway10Regular","PresenceAway12Regular","PresenceAway16Regular","PresenceAway20Regular","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceAway20Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBlocked20Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceBusy20Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd20Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceDnd20Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOof20Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceOffline20Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","PresenceUnknown20Regular","presenceAwayRegular","tiny","small","medium","large","presenceAwayFilled","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable20Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAvailable20Filled,\n PresenceAway10Regular,\n PresenceAway12Regular,\n PresenceAway16Regular,\n PresenceAway20Regular,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceAway20Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBlocked20Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceBusy20Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd20Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceDnd20Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOof20Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceOffline20Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n PresenceUnknown20Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Regular,\n 'extra-small': PresenceAway10Regular,\n small: PresenceAway12Regular,\n medium: PresenceAway16Regular,\n large: PresenceAway20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Regular,\n};\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n large: PresenceAway20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n large: PresenceAvailable20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n large: PresenceAvailable20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n large: PresenceBlocked20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked20Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n large: PresenceBusy20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy20Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n large: PresenceDnd20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n large: PresenceDnd20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n large: PresenceOof20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof20Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n large: PresenceOffline20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline20Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n large: PresenceUnknown20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown20Regular,\n};\n"],"names":["PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable20Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAvailable20Filled","PresenceAway10Regular","PresenceAway12Regular","PresenceAway16Regular","PresenceAway20Regular","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceAway20Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBlocked20Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceBusy20Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd20Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceDnd20Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOof20Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceOffline20Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","PresenceUnknown20Regular","presenceAwayRegular","tiny","small","medium","large","presenceAwayFilled","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"mappings":"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"}
@@ -23,7 +23,7 @@ const iconMap = (status, outOfOffice, size)=>{
23
23
  return presenceUnknownRegular[size];
24
24
  }
25
25
  };
26
- const DEFAULT_STRINGS = {
26
+ export const DEFAULT_STRINGS = {
27
27
  busy: 'busy',
28
28
  'out-of-office': 'out of office',
29
29
  away: 'away',
@@ -36,7 +36,9 @@ const DEFAULT_STRINGS = {
36
36
  /**
37
37
  * Returns the props and state required to render the component
38
38
  */ export const usePresenceBadge_unstable = (props, ref)=>{
39
- const { size = 'medium', status = 'available', outOfOffice = false, ...baseProps } = props;
39
+ const { size = 'medium', outOfOffice = false, ...baseProps } = props;
40
+ var _props_status;
41
+ const status = (_props_status = props.status) !== null && _props_status !== void 0 ? _props_status : 'available';
40
42
  const IconElement = iconMap(status, outOfOffice, size);
41
43
  const state = {
42
44
  ...usePresenceBadgeBase_unstable(baseProps, ref),
@@ -44,7 +46,6 @@ const DEFAULT_STRINGS = {
44
46
  color: 'brand',
45
47
  shape: 'circular',
46
48
  size,
47
- status,
48
49
  outOfOffice
49
50
  };
50
51
  if (state.icon) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n PresenceBadgeBaseProps,\n PresenceBadgeBaseState,\n PresenceBadgeProps,\n PresenceBadgeState,\n} from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceOofRegular[size] : presenceAwayFilled[size];\n case 'blocked':\n return presenceBlockedRegular[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'do-not-disturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return outOfOffice ? presenceOofRegular[size] : presenceOfflineRegular[size];\n case 'out-of-office':\n return presenceOofRegular[size];\n case 'unknown':\n return presenceUnknownRegular[size];\n }\n};\n\nconst DEFAULT_STRINGS = {\n busy: 'busy',\n 'out-of-office': 'out of office',\n away: 'away',\n available: 'available',\n offline: 'offline',\n 'do-not-disturb': 'do not disturb',\n unknown: 'unknown',\n blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n props: PresenceBadgeProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n const { size = 'medium', status = 'available', outOfOffice = false, ...baseProps } = props;\n\n const IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...usePresenceBadgeBase_unstable(baseProps, ref),\n appearance: 'filled',\n color: 'brand',\n shape: 'circular',\n size,\n status,\n outOfOffice,\n };\n\n if (state.icon) {\n state.icon.children ??= <IconElement />;\n }\n\n return state;\n};\n\n/**\n * Base hook for PresenceBadge component, which manages state related to presence status and ARIA attributes.\n * Note: size is excluded from BaseProps as it is a design prop; icon selection uses the 'medium' size default.\n * To render size-specific icons, use the full usePresenceBadge_unstable hook.\n *\n * @param props - User provided props to the PresenceBadge component.\n * @param ref - User provided ref to be passed to the PresenceBadge component.\n */\nexport const usePresenceBadgeBase_unstable = (\n props: PresenceBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeBaseState => {\n const { status = 'available', outOfOffice = false } = props;\n\n const statusText = DEFAULT_STRINGS[status];\n const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n const state: PresenceBadgeBaseState = {\n ...useBadgeBase_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'span',\n }),\n },\n ref as React.Ref<HTMLDivElement>,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"names":["React","slot","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadgeBase_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","baseProps","IconElement","state","usePresenceBadgeBase_unstable","appearance","color","shape","icon","children","statusText","oofText","role","optional","renderByDefault","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB,kBAAkB;AACzB,SAASC,qBAAqB,QAAQ,iBAAiB;AAQvD,MAAMC,UAAU,CAACC,QAAsCC,aAAsBC;IAC3E,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcZ,wBAAwB,CAACa,KAAK,GAAGd,uBAAuB,CAACc,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcL,kBAAkB,CAACM,KAAK,GAAGZ,kBAAkB,CAACY,KAAK;QAC1E,KAAK;YACH,OAAOX,sBAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,sBAAsB,CAACK,KAAK,GAAGV,kBAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,kBAAkB,CAACQ,KAAK,GAAGT,iBAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOD,cAAcL,kBAAkB,CAACM,KAAK,GAAGP,sBAAsB,CAACO,KAAK;QAC9E,KAAK;YACH,OAAON,kBAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,sBAAsB,CAACK,KAAK;IACvC;AACF;AAEA,MAAMC,kBAAkB;IACtBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEV,OAAO,QAAQ,EAAEF,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGY,WAAW,GAAGF;IAErF,MAAMG,cAAcf,QAAQC,QAAQC,aAAaC;IAEjD,MAAMa,QAA4B;QAChC,GAAGC,8BAA8BH,WAAWD,IAAI;QAChDK,YAAY;QACZC,OAAO;QACPC,OAAO;QACPjB;QACAF;QACAC;IACF;IAEA,IAAIc,MAAMK,IAAI,EAAE;YACdL;;QAAAA,cAAAA,cAAAA,MAAMK,IAAI,EAACC,yDAAXN,YAAWM,yBAAa,oBAACP;IAC3B;IAEA,OAAOC;AACT,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMC,gCAAgC,CAC3CL,OACAC;IAEA,MAAM,EAAEZ,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGU;IAEtD,MAAMW,aAAanB,eAAe,CAACH,OAAO;IAC1C,MAAMuB,UAAUZ,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,EAAE,GAAG;IAEjH,MAAMY,QAAgC;QACpC,GAAGjB,sBACD;YACE,cAAcwB,aAAaC;YAC3BC,MAAM;YACN,GAAGb,KAAK;YACRS,MAAMjC,KAAKsC,QAAQ,CAACd,MAAMS,IAAI,EAAE;gBAC9BM,iBAAiB;gBACjBC,aAAa;YACf;QACF,GACAf,IACD;QACDZ;QACAC;IACF;IAEA,OAAOc;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n PresenceBadgeBaseProps,\n PresenceBadgeBaseState,\n PresenceBadgeProps,\n PresenceBadgeState,\n} from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceOofRegular[size] : presenceAwayFilled[size];\n case 'blocked':\n return presenceBlockedRegular[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'do-not-disturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return outOfOffice ? presenceOofRegular[size] : presenceOfflineRegular[size];\n case 'out-of-office':\n return presenceOofRegular[size];\n case 'unknown':\n return presenceUnknownRegular[size];\n }\n};\n\nexport const DEFAULT_STRINGS = {\n busy: 'busy',\n 'out-of-office': 'out of office',\n away: 'away',\n available: 'available',\n offline: 'offline',\n 'do-not-disturb': 'do not disturb',\n unknown: 'unknown',\n blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n props: PresenceBadgeProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n const { size = 'medium', outOfOffice = false, ...baseProps } = props;\n const status = props.status ?? 'available';\n\n const IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...usePresenceBadgeBase_unstable(baseProps, ref),\n appearance: 'filled',\n color: 'brand',\n shape: 'circular',\n size,\n outOfOffice,\n };\n\n if (state.icon) {\n state.icon.children ??= <IconElement />;\n }\n\n return state;\n};\n\n/**\n * Base hook for PresenceBadge component, which manages state related to presence status and ARIA attributes.\n * Note: size is excluded from BaseProps as it is a design prop; icon selection uses the 'medium' size default.\n * To render size-specific icons, use the full usePresenceBadge_unstable hook.\n *\n * @param props - User provided props to the PresenceBadge component.\n * @param ref - User provided ref to be passed to the PresenceBadge component.\n */\nexport const usePresenceBadgeBase_unstable = (\n props: PresenceBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeBaseState => {\n const { status = 'available', outOfOffice = false } = props;\n\n const statusText = DEFAULT_STRINGS[status];\n const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n const state: PresenceBadgeBaseState = {\n ...useBadgeBase_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'span',\n }),\n },\n ref as React.Ref<HTMLDivElement>,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"names":["React","slot","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadgeBase_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","baseProps","IconElement","state","usePresenceBadgeBase_unstable","appearance","color","shape","icon","children","statusText","oofText","role","optional","renderByDefault","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB,kBAAkB;AACzB,SAASC,qBAAqB,QAAQ,iBAAiB;AAQvD,MAAMC,UAAU,CAACC,QAAsCC,aAAsBC;IAC3E,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcZ,wBAAwB,CAACa,KAAK,GAAGd,uBAAuB,CAACc,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcL,kBAAkB,CAACM,KAAK,GAAGZ,kBAAkB,CAACY,KAAK;QAC1E,KAAK;YACH,OAAOX,sBAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,sBAAsB,CAACK,KAAK,GAAGV,kBAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,kBAAkB,CAACQ,KAAK,GAAGT,iBAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOD,cAAcL,kBAAkB,CAACM,KAAK,GAAGP,sBAAsB,CAACO,KAAK;QAC9E,KAAK;YACH,OAAON,kBAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,sBAAsB,CAACK,KAAK;IACvC;AACF;AAEA,OAAO,MAAMC,kBAAkB;IAC7BC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEV,OAAO,QAAQ,EAAED,cAAc,KAAK,EAAE,GAAGY,WAAW,GAAGF;QAChDA;IAAf,MAAMX,SAASW,CAAAA,gBAAAA,MAAMX,MAAM,cAAZW,2BAAAA,gBAAgB;IAE/B,MAAMG,cAAcf,QAAQC,QAAQC,aAAaC;IAEjD,MAAMa,QAA4B;QAChC,GAAGC,8BAA8BH,WAAWD,IAAI;QAChDK,YAAY;QACZC,OAAO;QACPC,OAAO;QACPjB;QACAD;IACF;IAEA,IAAIc,MAAMK,IAAI,EAAE;YACdL;;QAAAA,cAAAA,cAAAA,MAAMK,IAAI,EAACC,yDAAXN,YAAWM,yBAAa,oBAACP;IAC3B;IAEA,OAAOC;AACT,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,MAAMC,gCAAgC,CAC3CL,OACAC;IAEA,MAAM,EAAEZ,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGU;IAEtD,MAAMW,aAAanB,eAAe,CAACH,OAAO;IAC1C,MAAMuB,UAAUZ,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,EAAE,GAAG;IAEjH,MAAMY,QAAgC;QACpC,GAAGjB,sBACD;YACE,cAAcwB,aAAaC;YAC3BC,MAAM;YACN,GAAGb,KAAK;YACRS,MAAMjC,KAAKsC,QAAQ,CAACd,MAAMS,IAAI,EAAE;gBAC9BM,iBAAiB;gBACjBC,aAAa;YACf;QACF,GACAf,IACD;QACDZ;QACAC;IACF;IAEA,OAAOc;AACT,EAAE"}
@@ -17,8 +17,6 @@ _export(exports, {
17
17
  return useBadge_unstable;
18
18
  }
19
19
  });
20
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
21
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
22
20
  const _reactutilities = require("@fluentui/react-utilities");
23
21
  const useBadge_unstable = (props, ref)=>{
24
22
  const { shape = 'circular', size = 'medium', appearance = 'filled', color = 'brand', ...badgeProps } = props;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Badge/useBadge.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BadgeBaseProps, BadgeBaseState, BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n const { shape = 'circular', size = 'medium', appearance = 'filled', color = 'brand', ...badgeProps } = props;\n\n const state = useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>);\n\n return {\n ...state,\n shape,\n size,\n appearance,\n color,\n };\n};\n\n/**\n * Base hook for Badge component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Badge component.\n * @param ref - User provided ref to be passed to the Badge component.\n */\nexport const useBadgeBase_unstable = (props: BadgeBaseProps, ref: React.Ref<HTMLDivElement>): BadgeBaseState => {\n const { iconPosition = 'before' } = props;\n\n return {\n iconPosition,\n components: {\n root: 'div',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBadge_unstable","props","ref","shape","size","appearance","color","badgeProps","state","useBadgeBase_unstable","iconPosition","components","root","icon","always","elementType","optional"],"mappings":"AAAA;;;;;;;;;;;;yBA6BaY;eAAAA;;qBApBAT;;;;;iEAPU,QAAQ;gCACgB,4BAA4B;AAMpE,MAAMA,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,QAAQ,UAAU,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAE,GAAGC,YAAY,GAAGN;IAEvG,MAAMO,QAAQC,sBAAsBF,YAAYL;IAEhD,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAQK,8BAA8B,CAACL,OAAuBC;IAC3D,MAAM,EAAEQ,eAAe,QAAQ,EAAE,GAAGT;IAEpC,OAAO;QACLS;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMb,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAM;QAEvBF,MAAMd,oBAAAA,CAAKiB,QAAQ,CAACf,MAAMY,IAAI,EAAE;YAAEE,aAAa;QAAO;IACxD;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/Badge/useBadge.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BadgeBaseProps, BadgeBaseState, BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n const { shape = 'circular', size = 'medium', appearance = 'filled', color = 'brand', ...badgeProps } = props;\n\n const state = useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>);\n\n return {\n ...state,\n shape,\n size,\n appearance,\n color,\n };\n};\n\n/**\n * Base hook for Badge component, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the Badge component.\n * @param ref - User provided ref to be passed to the Badge component.\n */\nexport const useBadgeBase_unstable = (props: BadgeBaseProps, ref: React.Ref<HTMLDivElement>): BadgeBaseState => {\n const { iconPosition = 'before' } = props;\n\n return {\n iconPosition,\n components: {\n root: 'div',\n icon: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(props.icon, { elementType: 'span' }),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useBadge_unstable","props","ref","shape","size","appearance","color","badgeProps","state","useBadgeBase_unstable","iconPosition","components","root","icon","always","elementType","optional"],"mappings":"AAAA;;;;;;;;;;;;yBA6BaW;eAAAA;;qBApBAT;;;;gCANkC,4BAA4B;AAMpE,MAAMA,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,QAAQ,UAAU,EAAEC,OAAO,QAAQ,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAE,GAAGC,YAAY,GAAGN;IAEvG,MAAMO,QAAQC,sBAAsBF,YAAYL;IAEhD,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAQK,8BAA8B,CAACL,OAAuBC;IAC3D,MAAM,EAAEQ,eAAe,QAAQ,EAAE,GAAGT;IAEpC,OAAO;QACLS;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMb,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAM;QAEvBF,MAAMd,oBAAAA,CAAKiB,QAAQ,CAACf,MAAMY,IAAI,EAAE;YAAEE,aAAa;QAAO;IACxD;AACF,EAAE"}
@@ -17,8 +17,6 @@ _export(exports, {
17
17
  return useCounterBadge_unstable;
18
18
  }
19
19
  });
20
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
21
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
22
20
  const _index = require("../Badge/index");
23
21
  const useCounterBadge_unstable = (props, ref)=>{
24
22
  const { shape = 'circular', appearance = 'filled', color = 'brand', size = 'medium', ...counterBadgeProps } = props;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CounterBadge/useCounterBadge.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n CounterBadgeBaseProps,\n CounterBadgeBaseState,\n CounterBadgeProps,\n CounterBadgeState,\n} from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n const { shape = 'circular', appearance = 'filled', color = 'brand', size = 'medium', ...counterBadgeProps } = props;\n\n const state = useCounterBadgeBase_unstable(counterBadgeProps, ref);\n\n return {\n ...state,\n shape,\n appearance,\n color,\n size,\n };\n};\n\n/**\n * Base hook for CounterBadge component, which manages state related to slots structure and counter logic.\n *\n * @param props - User provided props to the CounterBadge component.\n * @param ref - User provided ref to be passed to the CounterBadge component.\n */\nexport const useCounterBadgeBase_unstable = (\n props: CounterBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): CounterBadgeBaseState => {\n const { showZero = false, overflowCount = 99, count = 0, dot = false, ...badgeProps } = props;\n\n const state: CounterBadgeBaseState = {\n ...useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>),\n showZero,\n count,\n dot,\n };\n\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n\n return state;\n};\n"],"names":["React","useBadgeBase_unstable","useCounterBadge_unstable","props","ref","shape","appearance","color","size","counterBadgeProps","state","useCounterBadgeBase_unstable","showZero","overflowCount","count","dot","badgeProps","root","children"],"mappings":"AAAA;;;;;;;;;;;;gCAkCaW;eAAAA;;4BApBAT;;;;;iEAZU,QAAQ;uBACO,iBAAiB;AAWhD,MAAMA,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,QAAQ,UAAU,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAEC,OAAO,QAAQ,EAAE,GAAGC,mBAAmB,GAAGN;IAE9G,MAAMO,QAAQC,6BAA6BF,mBAAmBL;IAE9D,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAQK,qCAAqC,CAC1CL,OACAC;IAEA,MAAM,EAAEQ,WAAW,KAAK,EAAEC,gBAAgB,EAAE,EAAEC,QAAQ,CAAC,EAAEC,MAAM,KAAK,EAAE,GAAGC,YAAY,GAAGb;IAExF,MAAMO,QAA+B;QACnC,OAAGT,4BAAAA,EAAsBe,YAAYZ,IAAiC;QACtEQ;QACAE;QACAC;IACF;IAEA,IAAKD,CAAAA,UAAU,KAAKF,QAAAA,CAAO,IAAM,CAACG,OAAO,CAACL,MAAMO,IAAI,CAACC,QAAQ,EAAE;QAC7DR,MAAMO,IAAI,CAACC,QAAQ,GAAGJ,QAAQD,gBAAgB,GAAGA,cAAc,CAAC,CAAC,GAAG,GAAGC,OAAO;IAChF;IAEA,OAAOJ;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/CounterBadge/useCounterBadge.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n CounterBadgeBaseProps,\n CounterBadgeBaseState,\n CounterBadgeProps,\n CounterBadgeState,\n} from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n const { shape = 'circular', appearance = 'filled', color = 'brand', size = 'medium', ...counterBadgeProps } = props;\n\n const state = useCounterBadgeBase_unstable(counterBadgeProps, ref);\n\n return {\n ...state,\n shape,\n appearance,\n color,\n size,\n };\n};\n\n/**\n * Base hook for CounterBadge component, which manages state related to slots structure and counter logic.\n *\n * @param props - User provided props to the CounterBadge component.\n * @param ref - User provided ref to be passed to the CounterBadge component.\n */\nexport const useCounterBadgeBase_unstable = (\n props: CounterBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): CounterBadgeBaseState => {\n const { showZero = false, overflowCount = 99, count = 0, dot = false, ...badgeProps } = props;\n\n const state: CounterBadgeBaseState = {\n ...useBadgeBase_unstable(badgeProps, ref as React.Ref<HTMLDivElement>),\n showZero,\n count,\n dot,\n };\n\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n\n return state;\n};\n"],"names":["useBadgeBase_unstable","useCounterBadge_unstable","props","ref","shape","appearance","color","size","counterBadgeProps","state","useCounterBadgeBase_unstable","showZero","overflowCount","count","dot","badgeProps","root","children"],"mappings":"AAAA;;;;;;;;;;;;gCAkCaU;eAAAA;;4BApBAT;;;;uBAXyB,iBAAiB;AAWhD,MAAMA,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,QAAQ,UAAU,EAAEC,aAAa,QAAQ,EAAEC,QAAQ,OAAO,EAAEC,OAAO,QAAQ,EAAE,GAAGC,mBAAmB,GAAGN;IAE9G,MAAMO,QAAQC,6BAA6BF,mBAAmBL;IAE9D,OAAO;QACL,GAAGM,KAAK;QACRL;QACAC;QACAC;QACAC;IACF;AACF,EAAE;AAQK,qCAAqC,CAC1CL,OACAC;IAEA,MAAM,EAAEQ,WAAW,KAAK,EAAEC,gBAAgB,EAAE,EAAEC,QAAQ,CAAC,EAAEC,MAAM,KAAK,EAAE,GAAGC,YAAY,GAAGb;IAExF,MAAMO,QAA+B;QACnC,OAAGT,4BAAAA,EAAsBe,YAAYZ,IAAiC;QACtEQ;QACAE;QACAC;IACF;IAEA,IAAKD,CAAAA,UAAU,KAAKF,QAAAA,CAAO,IAAM,CAACG,OAAO,CAACL,MAAMO,IAAI,CAACC,QAAQ,EAAE;QAC7DR,MAAMO,IAAI,CAACC,QAAQ,GAAGJ,QAAQD,gBAAgB,GAAGA,cAAc,CAAC,CAAC,GAAG,GAAGC,OAAO;IAChF;IAEA,OAAOJ;AACT,EAAE"}
@@ -43,8 +43,6 @@ _export(exports, {
43
43
  return presenceUnknownRegular;
44
44
  }
45
45
  });
46
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
47
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
48
46
  const _reacticons = require("@fluentui/react-icons");
49
47
  const presenceAwayRegular = {
50
48
  // FIXME not all presence icon sizes are available
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable20Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAvailable20Filled,\n PresenceAway10Regular,\n PresenceAway12Regular,\n PresenceAway16Regular,\n PresenceAway20Regular,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceAway20Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBlocked20Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceBusy20Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd20Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceDnd20Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOof20Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceOffline20Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n PresenceUnknown20Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Regular,\n 'extra-small': PresenceAway10Regular,\n small: PresenceAway12Regular,\n medium: PresenceAway16Regular,\n large: PresenceAway20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Regular,\n};\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n large: PresenceAway20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n large: PresenceAvailable20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n large: PresenceAvailable20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n large: PresenceBlocked20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked20Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n large: PresenceBusy20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy20Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n large: PresenceDnd20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n large: PresenceDnd20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n large: PresenceOof20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof20Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n large: PresenceOffline20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline20Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n large: PresenceUnknown20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown20Regular,\n};\n"],"names":["React","PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable20Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAvailable20Filled","PresenceAway10Regular","PresenceAway12Regular","PresenceAway16Regular","PresenceAway20Regular","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceAway20Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBlocked20Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceBusy20Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd20Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceDnd20Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOof20Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceOffline20Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","PresenceUnknown20Regular","presenceAwayRegular","tiny","small","medium","large","presenceAwayFilled","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable20Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAvailable20Filled,\n PresenceAway10Regular,\n PresenceAway12Regular,\n PresenceAway16Regular,\n PresenceAway20Regular,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceAway20Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBlocked20Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceBusy20Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd20Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceDnd20Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOof20Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceOffline20Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n PresenceUnknown20Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Regular,\n 'extra-small': PresenceAway10Regular,\n small: PresenceAway12Regular,\n medium: PresenceAway16Regular,\n large: PresenceAway20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Regular,\n};\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n large: PresenceAway20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n large: PresenceAvailable20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n large: PresenceAvailable20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n large: PresenceBlocked20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked20Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n large: PresenceBusy20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy20Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n large: PresenceDnd20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n large: PresenceDnd20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n large: PresenceOof20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof20Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n large: PresenceOffline20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline20Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n large: PresenceUnknown20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown20Regular,\n};\n"],"names":["PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable20Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAvailable20Filled","PresenceAway10Regular","PresenceAway12Regular","PresenceAway16Regular","PresenceAway20Regular","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceAway20Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBlocked20Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceBusy20Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd20Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceDnd20Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOof20Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceOffline20Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","PresenceUnknown20Regular","presenceAwayRegular","tiny","small","medium","large","presenceAwayFilled","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"mappings":"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"}
@@ -10,6 +10,9 @@ function _export(target, all) {
10
10
  });
11
11
  }
12
12
  _export(exports, {
13
+ DEFAULT_STRINGS: function() {
14
+ return DEFAULT_STRINGS;
15
+ },
13
16
  usePresenceBadgeBase_unstable: function() {
14
17
  return usePresenceBadgeBase_unstable;
15
18
  },
@@ -53,7 +56,9 @@ const DEFAULT_STRINGS = {
53
56
  blocked: 'blocked'
54
57
  };
55
58
  const usePresenceBadge_unstable = (props, ref)=>{
56
- const { size = 'medium', status = 'available', outOfOffice = false, ...baseProps } = props;
59
+ const { size = 'medium', outOfOffice = false, ...baseProps } = props;
60
+ var _props_status;
61
+ const status = (_props_status = props.status) !== null && _props_status !== void 0 ? _props_status : 'available';
57
62
  const IconElement = iconMap(status, outOfOffice, size);
58
63
  const state = {
59
64
  ...usePresenceBadgeBase_unstable(baseProps, ref),
@@ -61,7 +66,6 @@ const usePresenceBadge_unstable = (props, ref)=>{
61
66
  color: 'brand',
62
67
  shape: 'circular',
63
68
  size,
64
- status,
65
69
  outOfOffice
66
70
  };
67
71
  if (state.icon) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n PresenceBadgeBaseProps,\n PresenceBadgeBaseState,\n PresenceBadgeProps,\n PresenceBadgeState,\n} from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceOofRegular[size] : presenceAwayFilled[size];\n case 'blocked':\n return presenceBlockedRegular[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'do-not-disturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return outOfOffice ? presenceOofRegular[size] : presenceOfflineRegular[size];\n case 'out-of-office':\n return presenceOofRegular[size];\n case 'unknown':\n return presenceUnknownRegular[size];\n }\n};\n\nconst DEFAULT_STRINGS = {\n busy: 'busy',\n 'out-of-office': 'out of office',\n away: 'away',\n available: 'available',\n offline: 'offline',\n 'do-not-disturb': 'do not disturb',\n unknown: 'unknown',\n blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n props: PresenceBadgeProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n const { size = 'medium', status = 'available', outOfOffice = false, ...baseProps } = props;\n\n const IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...usePresenceBadgeBase_unstable(baseProps, ref),\n appearance: 'filled',\n color: 'brand',\n shape: 'circular',\n size,\n status,\n outOfOffice,\n };\n\n if (state.icon) {\n state.icon.children ??= <IconElement />;\n }\n\n return state;\n};\n\n/**\n * Base hook for PresenceBadge component, which manages state related to presence status and ARIA attributes.\n * Note: size is excluded from BaseProps as it is a design prop; icon selection uses the 'medium' size default.\n * To render size-specific icons, use the full usePresenceBadge_unstable hook.\n *\n * @param props - User provided props to the PresenceBadge component.\n * @param ref - User provided ref to be passed to the PresenceBadge component.\n */\nexport const usePresenceBadgeBase_unstable = (\n props: PresenceBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeBaseState => {\n const { status = 'available', outOfOffice = false } = props;\n\n const statusText = DEFAULT_STRINGS[status];\n const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n const state: PresenceBadgeBaseState = {\n ...useBadgeBase_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'span',\n }),\n },\n ref as React.Ref<HTMLDivElement>,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"names":["React","slot","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadgeBase_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","baseProps","IconElement","state","usePresenceBadgeBase_unstable","appearance","color","shape","icon","children","statusText","oofText","role","optional","renderByDefault","elementType"],"mappings":"AAAA;;;;;;;;;;;;IA4Fa8B,6BAAAA;;;6BAjCAN;eAAAA;;;;iEAzDU,QAAQ;gCACV,4BAA4B;+BAY1C,kBAAkB;uBACa,iBAAiB;AAQvD,MAAMX,UAAU,CAACC,QAAsCC,aAAsBC;IAC3E,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcZ,uCAAwB,CAACa,KAAK,GAAGd,sCAAuB,CAACc,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcL,iCAAkB,CAACM,KAAK,GAAGZ,iCAAkB,CAACY,KAAK;QAC1E,KAAK;YACH,OAAOX,qCAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,qCAAsB,CAACK,KAAK,GAAGV,iCAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,iCAAkB,CAACQ,KAAK,GAAGT,gCAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOD,cAAcL,iCAAkB,CAACM,KAAK,GAAGP,qCAAsB,CAACO,KAAK;QAC9E,KAAK;YACH,OAAON,iCAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,qCAAsB,CAACK,KAAK;IACvC;AACF;AAEA,MAAMC,kBAAkB;IACtBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX;AAKO,kCAAkC,CACvCE,OACAC;IAEA,MAAM,EAAEV,OAAO,QAAQ,EAAEF,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGY,WAAW,GAAGF;IAErF,MAAMG,cAAcf,QAAQC,QAAQC,aAAaC;IAEjD,MAAMa,QAA4B;QAChC,GAAGC,8BAA8BH,WAAWD,IAAI;QAChDK,YAAY;QACZC,OAAO;QACPC,OAAO;QACPjB;QACAF;QACAC;IACF;IAEA,IAAIc,MAAMK,IAAI,EAAE;YACdL;;QAAAA,CAAAA,YAAAA,CAAAA,cAAAA,MAAMK,IAAAA,AAAI,EAACC,QAAAA,MAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAXN,YAAWM,QAAAA,GAAAA,WAAAA,GAAa,OAAA,aAAA,CAACP,aAAAA;IAC3B;IAEA,OAAOC;AACT,EAAE;AAUK,sCAAsC,CAC3CJ,OACAC;IAEA,MAAM,EAAEZ,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGU;IAEtD,MAAMW,aAAanB,eAAe,CAACH,OAAO;IAC1C,MAAMuB,UAAUZ,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,EAAE,GAAG;IAEjH,MAAMY,QAAgC;QACpC,OAAGjB,4BAAAA,EACD;YACE,cAAcwB,aAAaC;YAC3BC,MAAM;YACN,GAAGb,KAAK;YACRS,MAAMjC,oBAAAA,CAAKsC,QAAQ,CAACd,MAAMS,IAAI,EAAE;gBAC9BM,iBAAiB;gBACjBC,aAAa;YACf;QACF,GACAf,IACD;QACDZ;QACAC;IACF;IAEA,OAAOc;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadgeBase_unstable } from '../Badge/index';\nimport type {\n PresenceBadgeBaseProps,\n PresenceBadgeBaseState,\n PresenceBadgeProps,\n PresenceBadgeState,\n} from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceOofRegular[size] : presenceAwayFilled[size];\n case 'blocked':\n return presenceBlockedRegular[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'do-not-disturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return outOfOffice ? presenceOofRegular[size] : presenceOfflineRegular[size];\n case 'out-of-office':\n return presenceOofRegular[size];\n case 'unknown':\n return presenceUnknownRegular[size];\n }\n};\n\nexport const DEFAULT_STRINGS = {\n busy: 'busy',\n 'out-of-office': 'out of office',\n away: 'away',\n available: 'available',\n offline: 'offline',\n 'do-not-disturb': 'do not disturb',\n unknown: 'unknown',\n blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n props: PresenceBadgeProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n const { size = 'medium', outOfOffice = false, ...baseProps } = props;\n const status = props.status ?? 'available';\n\n const IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...usePresenceBadgeBase_unstable(baseProps, ref),\n appearance: 'filled',\n color: 'brand',\n shape: 'circular',\n size,\n outOfOffice,\n };\n\n if (state.icon) {\n state.icon.children ??= <IconElement />;\n }\n\n return state;\n};\n\n/**\n * Base hook for PresenceBadge component, which manages state related to presence status and ARIA attributes.\n * Note: size is excluded from BaseProps as it is a design prop; icon selection uses the 'medium' size default.\n * To render size-specific icons, use the full usePresenceBadge_unstable hook.\n *\n * @param props - User provided props to the PresenceBadge component.\n * @param ref - User provided ref to be passed to the PresenceBadge component.\n */\nexport const usePresenceBadgeBase_unstable = (\n props: PresenceBadgeBaseProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeBaseState => {\n const { status = 'available', outOfOffice = false } = props;\n\n const statusText = DEFAULT_STRINGS[status];\n const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n const state: PresenceBadgeBaseState = {\n ...useBadgeBase_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'span',\n }),\n },\n ref as React.Ref<HTMLDivElement>,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"names":["React","slot","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadgeBase_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","baseProps","IconElement","state","usePresenceBadgeBase_unstable","appearance","color","shape","icon","children","statusText","oofText","role","optional","renderByDefault","elementType"],"mappings":"AAAA;;;;;;;;;;;;mBA6CaiB;eAAAA;;iCA+CAa;eAAAA;;IAjCAN,yBAAAA;;;;;iEAzDU,QAAQ;gCACV,4BAA4B;+BAY1C,kBAAkB;uBACa,iBAAiB;AAQvD,MAAMX,UAAU,CAACC,QAAsCC,aAAsBC;IAC3E,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcZ,uCAAwB,CAACa,KAAK,GAAGd,sCAAuB,CAACc,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcL,iCAAkB,CAACM,KAAK,GAAGZ,iCAAkB,CAACY,KAAK;QAC1E,KAAK;YACH,OAAOX,qCAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,qCAAsB,CAACK,KAAK,GAAGV,iCAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,iCAAkB,CAACQ,KAAK,GAAGT,gCAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOD,cAAcL,iCAAkB,CAACM,KAAK,GAAGP,qCAAsB,CAACO,KAAK;QAC9E,KAAK;YACH,OAAON,iCAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,qCAAsB,CAACK,KAAK;IACvC;AACF;AAEO,wBAAwB;IAC7BE,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX,EAAE;AAKK,kCAAkC,CACvCE,OACAC;IAEA,MAAM,EAAEV,OAAO,QAAQ,EAAED,cAAc,KAAK,EAAE,GAAGY,WAAW,GAAGF;QAChDA;IAAf,MAAMX,SAASW,iBAAAA,MAAMX,MAAAA,AAAM,MAAA,QAAZW,kBAAAA,KAAAA,IAAAA,gBAAgB;IAE/B,MAAMG,cAAcf,QAAQC,QAAQC,aAAaC;IAEjD,MAAMa,QAA4B;QAChC,GAAGC,8BAA8BH,WAAWD,IAAI;QAChDK,YAAY;QACZC,OAAO;QACPC,OAAO;QACPjB;QACAD;IACF;IAEA,IAAIc,MAAMK,IAAI,EAAE;YACdL;;QAAAA,CAAAA,YAAAA,CAAAA,cAAAA,MAAMK,IAAAA,AAAI,EAACC,QAAAA,MAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAXN,YAAWM,QAAAA,GAAAA,WAAAA,GAAa,OAAA,aAAA,CAACP,aAAAA;IAC3B;IAEA,OAAOC;AACT,EAAE;AAUK,sCAAsC,CAC3CJ,OACAC;IAEA,MAAM,EAAEZ,SAAS,WAAW,EAAEC,cAAc,KAAK,EAAE,GAAGU;IAEtD,MAAMW,aAAanB,eAAe,CAACH,OAAO;IAC1C,MAAMuB,UAAUZ,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,EAAE,GAAG;IAEjH,MAAMY,QAAgC;QACpC,OAAGjB,4BAAAA,EACD;YACE,cAAcwB,aAAaC;YAC3BC,MAAM;YACN,GAAGb,KAAK;YACRS,MAAMjC,oBAAAA,CAAKsC,QAAQ,CAACd,MAAMS,IAAI,EAAE;gBAC9BM,iBAAiB;gBACjBC,aAAa;YACf;QACF,GACAf,IACD;QACDZ;QACAC;IACF;IAEA,OAAOc;AACT,EAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-badge",
3
- "version": "9.5.0",
3
+ "version": "9.5.2",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -13,10 +13,10 @@
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
15
  "@fluentui/react-icons": "^2.0.245",
16
- "@fluentui/react-jsx-runtime": "^9.4.1",
16
+ "@fluentui/react-jsx-runtime": "^9.4.2",
17
17
  "@fluentui/react-shared-contexts": "^9.26.2",
18
18
  "@fluentui/react-theme": "^9.2.1",
19
- "@fluentui/react-utilities": "^9.26.2",
19
+ "@fluentui/react-utilities": "^9.26.3",
20
20
  "@griffel/react": "^1.5.32",
21
21
  "@swc/helpers": "^0.5.1"
22
22
  },