@fluentui/react-badge 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.1

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.
Files changed (46) hide show
  1. package/CHANGELOG.json +13 -13
  2. package/CHANGELOG.md +9 -9
  3. package/dist/index.d.ts +159 -0
  4. package/lib/Badge.js +2 -0
  5. package/lib/Badge.js.map +1 -0
  6. package/lib/CounterBadge.js +2 -0
  7. package/lib/CounterBadge.js.map +1 -0
  8. package/lib/PresenceBadge.js +2 -0
  9. package/lib/PresenceBadge.js.map +1 -0
  10. package/lib/components/Badge/Badge.js +16 -0
  11. package/lib/components/Badge/Badge.js.map +1 -0
  12. package/lib/components/Badge/Badge.types.js +2 -0
  13. package/lib/components/Badge/Badge.types.js.map +1 -0
  14. package/lib/components/Badge/index.js +5 -0
  15. package/lib/components/Badge/index.js.map +1 -0
  16. package/lib/components/Badge/renderBadge.js +10 -0
  17. package/lib/components/Badge/renderBadge.js.map +1 -0
  18. package/lib/components/Badge/useBadge.js +32 -0
  19. package/lib/components/Badge/useBadge.js.map +1 -0
  20. package/lib/components/Badge/useBadgeStyles.styles.js +315 -0
  21. package/lib/components/Badge/useBadgeStyles.styles.js.map +1 -0
  22. package/lib/components/CounterBadge/CounterBadge.js +16 -0
  23. package/lib/components/CounterBadge/CounterBadge.js.map +1 -0
  24. package/lib/components/CounterBadge/CounterBadge.types.js +2 -0
  25. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -0
  26. package/lib/components/CounterBadge/index.js +5 -0
  27. package/lib/components/CounterBadge/index.js.map +1 -0
  28. package/lib/components/CounterBadge/useCounterBadge.js +28 -0
  29. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -0
  30. package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js +34 -0
  31. package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js.map +1 -0
  32. package/lib/components/PresenceBadge/PresenceBadge.js +16 -0
  33. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -0
  34. package/lib/components/PresenceBadge/PresenceBadge.types.js +2 -0
  35. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -0
  36. package/lib/components/PresenceBadge/index.js +5 -0
  37. package/lib/components/PresenceBadge/index.js.map +1 -0
  38. package/lib/components/PresenceBadge/presenceIcons.js +135 -0
  39. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
  40. package/lib/components/PresenceBadge/usePresenceBadge.js +65 -0
  41. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -0
  42. package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js +79 -0
  43. package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -0
  44. package/lib/index.js +4 -0
  45. package/lib/index.js.map +1 -0
  46. package/package.json +6 -6
@@ -0,0 +1,135 @@
1
+ import * as React from 'react';
2
+ 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
+ export const presenceAwayRegular = {
4
+ // FIXME not all presence icon sizes are available
5
+ // https://github.com/microsoft/fluentui/issues/20650
6
+ tiny: PresenceAway10Regular,
7
+ 'extra-small': PresenceAway10Regular,
8
+ small: PresenceAway12Regular,
9
+ medium: PresenceAway16Regular,
10
+ large: PresenceAway20Regular,
11
+ // FIXME not all presence icon sizes are available
12
+ // https://github.com/microsoft/fluentui/issues/20650
13
+ 'extra-large': PresenceAway20Regular
14
+ };
15
+ export const presenceAwayFilled = {
16
+ // FIXME not all presence icon sizes are available
17
+ // https://github.com/microsoft/fluentui/issues/20650
18
+ tiny: PresenceAway10Filled,
19
+ 'extra-small': PresenceAway10Filled,
20
+ small: PresenceAway12Filled,
21
+ medium: PresenceAway16Filled,
22
+ large: PresenceAway20Filled,
23
+ // FIXME not all presence icon sizes are available
24
+ // https://github.com/microsoft/fluentui/issues/20650
25
+ 'extra-large': PresenceAway20Filled
26
+ };
27
+ export const presenceAvailableRegular = {
28
+ // FIXME not all presence icon sizes are available
29
+ // https://github.com/microsoft/fluentui/issues/20650
30
+ tiny: PresenceAvailable10Regular,
31
+ 'extra-small': PresenceAvailable10Regular,
32
+ small: PresenceAvailable12Regular,
33
+ medium: PresenceAvailable16Regular,
34
+ large: PresenceAvailable20Regular,
35
+ // FIXME not all presence icon sizes are available
36
+ // https://github.com/microsoft/fluentui/issues/20650
37
+ 'extra-large': PresenceAvailable20Regular
38
+ };
39
+ export const presenceAvailableFilled = {
40
+ // FIXME not all presence icon sizes are available
41
+ // https://github.com/microsoft/fluentui/issues/20650
42
+ tiny: PresenceAvailable10Filled,
43
+ 'extra-small': PresenceAvailable10Filled,
44
+ small: PresenceAvailable12Filled,
45
+ medium: PresenceAvailable16Filled,
46
+ large: PresenceAvailable20Filled,
47
+ // FIXME not all presence icon sizes are available
48
+ // https://github.com/microsoft/fluentui/issues/20650
49
+ 'extra-large': PresenceAvailable20Filled
50
+ };
51
+ export const presenceBlockedRegular = {
52
+ // FIXME not all presence icon sizes are available
53
+ // https://github.com/microsoft/fluentui/issues/20650
54
+ tiny: PresenceBlocked10Regular,
55
+ 'extra-small': PresenceBlocked10Regular,
56
+ small: PresenceBlocked12Regular,
57
+ medium: PresenceBlocked16Regular,
58
+ large: PresenceBlocked20Regular,
59
+ // FIXME not all presence icon sizes are available
60
+ // https://github.com/microsoft/fluentui/issues/20650
61
+ 'extra-large': PresenceBlocked20Regular
62
+ };
63
+ export const presenceBusyFilled = {
64
+ // FIXME not all presence icon sizes are available
65
+ // https://github.com/microsoft/fluentui/issues/20650
66
+ tiny: PresenceBusy10Filled,
67
+ 'extra-small': PresenceBusy10Filled,
68
+ small: PresenceBusy12Filled,
69
+ medium: PresenceBusy16Filled,
70
+ large: PresenceBusy20Filled,
71
+ // FIXME not all presence icon sizes are available
72
+ // https://github.com/microsoft/fluentui/issues/20650
73
+ 'extra-large': PresenceBusy20Filled
74
+ };
75
+ export const presenceDndFilled = {
76
+ // FIXME not all presence icon sizes are available
77
+ // https://github.com/microsoft/fluentui/issues/20650
78
+ tiny: PresenceDnd10Filled,
79
+ 'extra-small': PresenceDnd10Filled,
80
+ small: PresenceDnd12Filled,
81
+ medium: PresenceDnd16Filled,
82
+ large: PresenceDnd20Filled,
83
+ // FIXME not all presence icon sizes are available
84
+ // https://github.com/microsoft/fluentui/issues/20650
85
+ 'extra-large': PresenceDnd20Filled
86
+ };
87
+ export const presenceDndRegular = {
88
+ // FIXME not all presence icon sizes are available
89
+ // https://github.com/microsoft/fluentui/issues/20650
90
+ tiny: PresenceDnd10Regular,
91
+ 'extra-small': PresenceDnd10Regular,
92
+ small: PresenceDnd12Regular,
93
+ medium: PresenceDnd16Regular,
94
+ large: PresenceDnd20Regular,
95
+ // FIXME not all presence icon sizes are available
96
+ // https://github.com/microsoft/fluentui/issues/20650
97
+ 'extra-large': PresenceDnd20Regular
98
+ };
99
+ export const presenceOofRegular = {
100
+ // FIXME not all presence icon sizes are available
101
+ // https://github.com/microsoft/fluentui/issues/20650
102
+ tiny: PresenceOof10Regular,
103
+ 'extra-small': PresenceOof10Regular,
104
+ small: PresenceOof12Regular,
105
+ medium: PresenceOof16Regular,
106
+ large: PresenceOof20Regular,
107
+ // FIXME not all presence icon sizes are available
108
+ // https://github.com/microsoft/fluentui/issues/20650
109
+ 'extra-large': PresenceOof20Regular
110
+ };
111
+ export const presenceOfflineRegular = {
112
+ // FIXME not all presence icon sizes are available
113
+ // https://github.com/microsoft/fluentui/issues/20650
114
+ tiny: PresenceOffline10Regular,
115
+ 'extra-small': PresenceOffline10Regular,
116
+ small: PresenceOffline12Regular,
117
+ medium: PresenceOffline16Regular,
118
+ large: PresenceOffline20Regular,
119
+ // FIXME not all presence icon sizes are available
120
+ // https://github.com/microsoft/fluentui/issues/20650
121
+ 'extra-large': PresenceOffline20Regular
122
+ };
123
+ export const presenceUnknownRegular = {
124
+ // FIXME not all presence icon sizes are available
125
+ // https://github.com/microsoft/fluentui/issues/20650
126
+ tiny: PresenceUnknown10Regular,
127
+ 'extra-small': PresenceUnknown10Regular,
128
+ small: PresenceUnknown12Regular,
129
+ medium: PresenceUnknown16Regular,
130
+ large: PresenceUnknown20Regular,
131
+ // FIXME not all presence icon sizes are available
132
+ // https://github.com/microsoft/fluentui/issues/20650
133
+ 'extra-large': PresenceUnknown20Regular
134
+ };
135
+ //# sourceMappingURL=presenceIcons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"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"],"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"],"mappings":"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"}
@@ -0,0 +1,65 @@
1
+ import * as React from 'react';
2
+ import { resolveShorthand } from '@fluentui/react-utilities';
3
+ import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceAwayRegular, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
4
+ import { useBadge_unstable } from '../Badge/index';
5
+ const iconMap = (status, outOfOffice, size) => {
6
+ switch (status) {
7
+ case 'available':
8
+ return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];
9
+ case 'away':
10
+ return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];
11
+ case 'blocked':
12
+ return presenceBlockedRegular[size];
13
+ case 'busy':
14
+ return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];
15
+ case 'do-not-disturb':
16
+ return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];
17
+ case 'offline':
18
+ return presenceOfflineRegular[size];
19
+ case 'out-of-office':
20
+ return presenceOofRegular[size];
21
+ case 'unknown':
22
+ return presenceUnknownRegular[size];
23
+ }
24
+ };
25
+ const DEFAULT_STRINGS = {
26
+ busy: 'busy',
27
+ 'out-of-office': 'out of office',
28
+ away: 'away',
29
+ available: 'available',
30
+ offline: 'offline',
31
+ 'do-not-disturb': 'do not disturb',
32
+ unknown: 'unknown',
33
+ blocked: 'blocked'
34
+ };
35
+ /**
36
+ * Returns the props and state required to render the component
37
+ */
38
+ export const usePresenceBadge_unstable = (props, ref) => {
39
+ const {
40
+ size = 'medium',
41
+ status = 'available',
42
+ outOfOffice = false
43
+ } = props;
44
+ const statusText = DEFAULT_STRINGS[status];
45
+ const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';
46
+ const IconElement = iconMap(status, outOfOffice, size);
47
+ const state = {
48
+ ...useBadge_unstable({
49
+ 'aria-label': statusText + oofText,
50
+ role: 'img',
51
+ ...props,
52
+ size,
53
+ icon: resolveShorthand(props.icon, {
54
+ defaultProps: {
55
+ children: IconElement ? /*#__PURE__*/React.createElement(IconElement, null) : null
56
+ },
57
+ required: true
58
+ })
59
+ }, ref),
60
+ status,
61
+ outOfOffice
62
+ };
63
+ return state;
64
+ };
65
+ //# sourceMappingURL=usePresenceBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","resolveShorthand","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceAwayRegular","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadge_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","statusText","oofText","IconElement","state","role","icon","defaultProps","children","createElement","required"],"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceAwayRegular,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } 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 ? presenceAwayRegular[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 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 } = 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 IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...useBadge_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n size,\n icon: resolveShorthand(props.icon, {\n defaultProps: {\n children: IconElement ? <IconElement /> : null,\n },\n required: true,\n }),\n },\n ref,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB;AACP,SAASC,iBAAiB,QAAQ;AAGlC,MAAMC,OAAA,GAAUA,CAACC,MAAA,EAAsCC,WAAA,EAAsBC,IAAA,KAAqC;EAChH,QAAQF,MAAA;IACN,KAAK;MACH,OAAOC,WAAA,GAAcb,wBAAwB,CAACc,IAAA,CAAK,GAAGf,uBAAuB,CAACe,IAAA,CAAK;IACrF,KAAK;MACH,OAAOD,WAAA,GAAcX,mBAAmB,CAACY,IAAA,CAAK,GAAGb,kBAAkB,CAACa,IAAA,CAAK;IAC3E,KAAK;MACH,OAAOX,sBAAsB,CAACW,IAAA,CAAK;IACrC,KAAK;MACH,OAAOD,WAAA,GAAcJ,sBAAsB,CAACK,IAAA,CAAK,GAAGV,kBAAkB,CAACU,IAAA,CAAK;IAC9E,KAAK;MACH,OAAOD,WAAA,GAAcP,kBAAkB,CAACQ,IAAA,CAAK,GAAGT,iBAAiB,CAACS,IAAA,CAAK;IACzE,KAAK;MACH,OAAOP,sBAAsB,CAACO,IAAA,CAAK;IACrC,KAAK;MACH,OAAON,kBAAkB,CAACM,IAAA,CAAK;IACjC,KAAK;MACH,OAAOL,sBAAsB,CAACK,IAAA,CAAK;EAAA;AAEzC;AAEA,MAAMC,eAAA,GAAkB;EACtBC,IAAA,EAAM;EACN,iBAAiB;EACjBC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACT,kBAAkB;EAClBC,OAAA,EAAS;EACTC,OAAA,EAAS;AACX;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,KAAA,EACAC,GAAA,KACuB;EACvB,MAAM;IAAEV,IAAA,GAAO;IAAUF,MAAA,GAAS;IAAaC,WAAA,GAAc;EAAK,CAAE,GAAGU,KAAA;EAEvE,MAAME,UAAA,GAAaV,eAAe,CAACH,MAAA,CAAO;EAC1C,MAAMc,OAAA,GAAUH,KAAA,CAAMV,WAAW,IAAIU,KAAA,CAAMX,MAAM,KAAK,kBAAmB,IAAGG,eAAe,CAAC,gBAAiB,EAAC,GAAG,EAAE;EAEnH,MAAMY,WAAA,GAAchB,OAAA,CAAQC,MAAA,EAAQC,WAAA,EAAaC,IAAA;EAEjD,MAAMc,KAAA,GAA4B;IAChC,GAAGlB,iBAAA,CACD;MACE,cAAce,UAAA,GAAaC,OAAA;MAC3BG,IAAA,EAAM;MACN,GAAGN,KAAK;MACRT,IAAA;MACAgB,IAAA,EAAMhC,gBAAA,CAAiByB,KAAA,CAAMO,IAAI,EAAE;QACjCC,YAAA,EAAc;UACZC,QAAA,EAAUL,WAAA,gBAAc9B,KAAA,CAAAoC,aAAA,CAACN,WAAA,UAAiB;QAC5C;QACAO,QAAA,EAAU;MACZ;IACF,GACAV,GAAA,CACD;IACDZ,MAAA;IACAC;EACF;EAEA,OAAOe,KAAA;AACT"}
@@ -0,0 +1,79 @@
1
+ import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
2
+ import { tokens } from '@fluentui/react-theme';
3
+ export const presenceBadgeClassNames = {
4
+ root: 'fui-PresenceBadge',
5
+ icon: 'fui-PresenceBadge__icon'
6
+ };
7
+ const getIsBusy = status => {
8
+ if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {
9
+ return true;
10
+ }
11
+ return false;
12
+ };
13
+ const useRootClassName = /*#__PURE__*/__resetStyles("r11sysef", null, [".r11sysef{padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);}", ".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"]);
14
+ const useStyles = /*#__PURE__*/__styles({
15
+ statusBusy: {
16
+ sj55zd: "fvi85wt"
17
+ },
18
+ statusAway: {
19
+ sj55zd: "f14k8a89"
20
+ },
21
+ statusAvailable: {
22
+ sj55zd: "fqa5hgp"
23
+ },
24
+ statusOffline: {
25
+ sj55zd: "f11d4kpn"
26
+ },
27
+ statusOutOfOffice: {
28
+ sj55zd: "fdce8r3"
29
+ },
30
+ statusUnknown: {
31
+ sj55zd: "f11d4kpn"
32
+ },
33
+ outOfOffice: {
34
+ sj55zd: "fr0bkrk"
35
+ },
36
+ outOfOfficeAvailable: {
37
+ sj55zd: "fqa5hgp"
38
+ },
39
+ outOfOfficeBusy: {
40
+ sj55zd: "fvi85wt"
41
+ },
42
+ outOfOfficeUnknown: {
43
+ sj55zd: "f11d4kpn"
44
+ },
45
+ tiny: {
46
+ Bubjx69: "f9ikmtg",
47
+ a9b677: "f16dn6v3",
48
+ B5pe6w7: "fab5kbq",
49
+ p4uzdd: "f1ms1d91"
50
+ },
51
+ large: {
52
+ Bubjx69: "f9ikmtg",
53
+ a9b677: "f64fuq3",
54
+ B5pe6w7: "f1vfi1yj",
55
+ p4uzdd: "f15s34gz"
56
+ },
57
+ extraLarge: {
58
+ Bubjx69: "f9ikmtg",
59
+ a9b677: "f1w9dchk",
60
+ B5pe6w7: "f14efy9b",
61
+ p4uzdd: "fhipgdu"
62
+ }
63
+ }, {
64
+ d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
65
+ });
66
+ /**
67
+ * Applies style classnames to slots
68
+ */
69
+ export const usePresenceBadgeStyles_unstable = state => {
70
+ const rootClassName = useRootClassName();
71
+ const styles = useStyles();
72
+ const isBusy = getIsBusy(state.status);
73
+ state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
74
+ if (state.icon) {
75
+ state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);
76
+ }
77
+ return state;
78
+ };
79
+ //# sourceMappingURL=usePresenceBadgeStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n\n return false;\n};\n\nconst useRootClassName = makeResetStyles({\n padding: 0,\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n '& span': {\n display: 'flex',\n },\n borderRadius: tokens.borderRadiusCircular,\n backgroundColor: tokens.colorNeutralBackground1,\n});\n\nconst useStyles = makeStyles({\n statusBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n statusAway: {\n color: tokens.colorPaletteMarigoldBackground3,\n },\n statusAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n statusOffline: {\n color: tokens.colorNeutralForeground3,\n },\n statusOutOfOffice: {\n color: tokens.colorPaletteBerryForeground3,\n },\n statusUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n\n // Icons are not resizeable, and these sizes are currently missing\n // use `!important` to size the currently available icons to the missing ones\n //\n tiny: {\n aspectRatio: '1',\n width: '6px',\n '& svg': {\n width: '6px !important',\n height: '6px !important',\n },\n },\n large: {\n aspectRatio: '1',\n width: '20px',\n '& svg': {\n width: '20px !important',\n height: '20px !important',\n },\n },\n extraLarge: {\n aspectRatio: '1',\n width: '28px',\n '& svg': {\n width: '28px !important',\n height: '28px !important',\n },\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n const rootClassName = useRootClassName();\n const styles = useStyles();\n const isBusy = getIsBusy(state.status);\n state.root.className = mergeClasses(\n presenceBadgeClassNames.root,\n rootClassName,\n isBusy && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.status === 'unknown' && styles.statusUnknown,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.statusAway,\n state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n state.size === 'tiny' && styles.tiny,\n state.size === 'large' && styles.large,\n state.size === 'extra-large' && styles.extraLarge,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
package/lib/index.js ADDED
@@ -0,0 +1,4 @@
1
+ export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';
2
+ export { PresenceBadge, presenceBadgeClassNames, usePresenceBadgeStyles_unstable, usePresenceBadge_unstable } from './PresenceBadge';
3
+ export { CounterBadge, counterBadgeClassNames, useCounterBadgeStyles_unstable, useCounterBadge_unstable } from './CounterBadge';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Badge","badgeClassNames","renderBadge_unstable","useBadgeStyles_unstable","useBadge_unstable","PresenceBadge","presenceBadgeClassNames","usePresenceBadgeStyles_unstable","usePresenceBadge_unstable","CounterBadge","counterBadgeClassNames","useCounterBadgeStyles_unstable","useCounterBadge_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge';\nexport {\n PresenceBadge,\n presenceBadgeClassNames,\n usePresenceBadgeStyles_unstable,\n usePresenceBadge_unstable,\n} from './PresenceBadge';\nexport type { PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge';\nexport {\n CounterBadge,\n counterBadgeClassNames,\n useCounterBadgeStyles_unstable,\n useCounterBadge_unstable,\n} from './CounterBadge';\nexport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge';\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,eAAe,EAAEC,oBAAoB,EAAEC,uBAAuB,EAAEC,iBAAiB,QAAQ;AAEzG,SACEC,aAAa,EACbC,uBAAuB,EACvBC,+BAA+B,EAC/BC,yBAAyB,QACpB;AAEP,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-badge",
3
- "version": "0.0.0-nightly-20230501-0418.1",
3
+ "version": "0.0.0-nightly-20230503-0419.1",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,16 +27,16 @@
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230501-0418.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230503-0419.1",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
35
  "@fluentui/react-icons": "^2.0.196",
36
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230501-0418.1",
37
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20230501-0418.1",
38
- "@fluentui/react-theme": "0.0.0-nightly-20230501-0418.1",
39
- "@fluentui/react-utilities": "0.0.0-nightly-20230501-0418.1",
36
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230503-0419.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20230503-0419.1",
38
+ "@fluentui/react-theme": "0.0.0-nightly-20230503-0419.1",
39
+ "@fluentui/react-utilities": "0.0.0-nightly-20230503-0419.1",
40
40
  "@griffel/react": "^1.5.2",
41
41
  "@swc/helpers": "^0.4.14"
42
42
  },