@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.
- package/CHANGELOG.json +13 -13
- package/CHANGELOG.md +9 -9
- package/dist/index.d.ts +159 -0
- package/lib/Badge.js +2 -0
- package/lib/Badge.js.map +1 -0
- package/lib/CounterBadge.js +2 -0
- package/lib/CounterBadge.js.map +1 -0
- package/lib/PresenceBadge.js +2 -0
- package/lib/PresenceBadge.js.map +1 -0
- package/lib/components/Badge/Badge.js +16 -0
- package/lib/components/Badge/Badge.js.map +1 -0
- package/lib/components/Badge/Badge.types.js +2 -0
- package/lib/components/Badge/Badge.types.js.map +1 -0
- package/lib/components/Badge/index.js +5 -0
- package/lib/components/Badge/index.js.map +1 -0
- package/lib/components/Badge/renderBadge.js +10 -0
- package/lib/components/Badge/renderBadge.js.map +1 -0
- package/lib/components/Badge/useBadge.js +32 -0
- package/lib/components/Badge/useBadge.js.map +1 -0
- package/lib/components/Badge/useBadgeStyles.styles.js +315 -0
- package/lib/components/Badge/useBadgeStyles.styles.js.map +1 -0
- package/lib/components/CounterBadge/CounterBadge.js +16 -0
- package/lib/components/CounterBadge/CounterBadge.js.map +1 -0
- package/lib/components/CounterBadge/CounterBadge.types.js +2 -0
- package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -0
- package/lib/components/CounterBadge/index.js +5 -0
- package/lib/components/CounterBadge/index.js.map +1 -0
- package/lib/components/CounterBadge/useCounterBadge.js +28 -0
- package/lib/components/CounterBadge/useCounterBadge.js.map +1 -0
- package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js +34 -0
- package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js.map +1 -0
- package/lib/components/PresenceBadge/PresenceBadge.js +16 -0
- package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -0
- package/lib/components/PresenceBadge/PresenceBadge.types.js +2 -0
- package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -0
- package/lib/components/PresenceBadge/index.js +5 -0
- package/lib/components/PresenceBadge/index.js.map +1 -0
- package/lib/components/PresenceBadge/presenceIcons.js +135 -0
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib/components/PresenceBadge/usePresenceBadge.js +65 -0
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -0
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js +79 -0
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map +1 -0
- package/lib/index.js +4 -0
- package/lib/index.js.map +1 -0
- 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
|
package/lib/index.js.map
ADDED
@@ -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-
|
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-
|
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-
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
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
|
},
|