@fluentui/react-badge 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightlyed2d7c8d6320211111.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +34 -16
- package/CHANGELOG.md +13 -11
- package/dist/react-badge.d.ts +6 -0
- package/lib/common/isConformant.js +1 -1
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Badge/Badge.js +2 -2
- package/lib/components/Badge/Badge.js.map +1 -1
- package/lib/components/Badge/renderBadge.js +6 -7
- package/lib/components/Badge/renderBadge.js.map +1 -1
- package/lib/components/Badge/useBadge.js +19 -22
- package/lib/components/Badge/useBadge.js.map +1 -1
- package/lib/components/Badge/useBadgeStyles.d.ts +1 -0
- package/lib/components/Badge/useBadgeStyles.js +16 -15
- package/lib/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.js +2 -2
- package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadge.js +18 -24
- package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -0
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +5 -4
- package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +62 -75
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.js +2 -2
- package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadge.js +17 -20
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -0
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +5 -4
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/Badge.js +1 -1
- package/lib-commonjs/CounterBadge.js +1 -1
- package/lib-commonjs/PresenceBadge.js +1 -1
- package/lib-commonjs/common/isConformant.js +3 -3
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.js +6 -6
- package/lib-commonjs/components/Badge/Badge.js.map +1 -1
- package/lib-commonjs/components/Badge/index.js +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +8 -10
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadge.js +20 -24
- package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +1 -0
- package/lib-commonjs/components/Badge/useBadgeStyles.js +19 -17
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js +6 -6
- package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/index.js +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js +19 -26
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -0
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +9 -7
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +65 -79
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +6 -6
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +21 -25
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -0
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +9 -7
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +7 -7
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.CounterBadge = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const useCounterBadge_1 = /*#__PURE__*/require("./useCounterBadge");
|
11
11
|
|
12
|
-
|
12
|
+
const useCounterBadgeStyles_1 = /*#__PURE__*/require("./useCounterBadgeStyles");
|
13
13
|
|
14
|
-
|
14
|
+
const index_1 = /*#__PURE__*/require("../Badge/index");
|
15
15
|
/**
|
16
16
|
* Define a styled CounterBadge, using the `useCounterBadge` hook.
|
17
17
|
*/
|
18
18
|
|
19
19
|
|
20
|
-
exports.CounterBadge = /*#__PURE__*/React.forwardRef(
|
21
|
-
|
20
|
+
exports.CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
+
const state = useCounterBadge_1.useCounterBadge(props, ref);
|
22
22
|
useCounterBadgeStyles_1.useCounterBadgeStyles(state);
|
23
23
|
return index_1.renderBadge(state);
|
24
24
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,YAAA,gBAAuD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,GAAvB,CAAd;AACA,EAAA,uBAAA,CAAA,qBAAA,CAAsB,KAAtB;AAEA,SAAO,OAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALmE,CAAvD;AAOb,OAAA,CAAA,YAAA,CAAa,WAAb,GAA2B,cAA3B","sourceRoot":""}
|
@@ -5,39 +5,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.useCounterBadge = void 0;
|
7
7
|
|
8
|
-
|
9
|
-
|
10
|
-
var index_1 = /*#__PURE__*/require("../Badge/index");
|
8
|
+
const index_1 = /*#__PURE__*/require("../Badge/index");
|
11
9
|
/**
|
12
10
|
* Returns the props and state required to render the component
|
13
11
|
*/
|
14
12
|
|
15
13
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
showZero: showZero,
|
34
|
-
overflowCount: overflowCount,
|
35
|
-
count: count,
|
36
|
-
dot: dot
|
37
|
-
});
|
14
|
+
const useCounterBadge = (props, ref) => {
|
15
|
+
const {
|
16
|
+
shape = 'circular',
|
17
|
+
appearance = 'filled',
|
18
|
+
showZero = false,
|
19
|
+
overflowCount = 99,
|
20
|
+
count = 0,
|
21
|
+
dot = false
|
22
|
+
} = props;
|
23
|
+
const state = { ...index_1.useBadge(props, ref),
|
24
|
+
shape,
|
25
|
+
appearance,
|
26
|
+
showZero,
|
27
|
+
overflowCount,
|
28
|
+
count,
|
29
|
+
dot
|
30
|
+
};
|
38
31
|
|
39
32
|
if (!state.dot && !state.root.children) {
|
40
|
-
state.root.children = state.count > state.overflowCount ? state.overflowCount
|
33
|
+
state.root.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;
|
41
34
|
}
|
42
35
|
|
43
36
|
return state;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,eAAe,GAAG,CAAC,KAAD,EAA2B,GAA3B,KAA6E;AAC1G,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,UAAU,GAAG,QAFT;AAGJ,IAAA,QAAQ,GAAG,KAHP;AAIJ,IAAA,aAAa,GAAG,EAJZ;AAKJ,IAAA,KAAK,GAAG,CALJ;AAMJ,IAAA,GAAG,GAAG;AANF,MAOF,KAPJ;AASA,QAAM,KAAK,GAAsB,EAC/B,GAAG,OAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAD4B;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,aAL+B;AAM/B,IAAA,KAN+B;AAO/B,IAAA;AAP+B,GAAjC;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAoC,GAAG,KAAK,CAAC,aAAa,GAA1D,GAAgE,GAAG,KAAK,CAAC,KAAK,EAApG;AACD;;AAED,SAAO,KAAP;AACD,CAzBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
|
@@ -3,13 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useCounterBadgeStyles = void 0;
|
6
|
+
exports.useCounterBadgeStyles = exports.counterBadgeClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
|
11
11
|
|
12
|
-
|
12
|
+
exports.counterBadgeClassName = 'fui-CounterBadge';
|
13
|
+
|
14
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
13
15
|
"root": {
|
14
16
|
"Bf4jedk": "fgfkb25"
|
15
17
|
},
|
@@ -61,9 +63,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
61
63
|
*/
|
62
64
|
|
63
65
|
|
64
|
-
|
65
|
-
|
66
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.color === 'warning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
|
66
|
+
const useCounterBadgeStyles = state => {
|
67
|
+
const styles = useStyles();
|
68
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.counterBadgeClassName, styles.root, state.color === 'warning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
|
67
69
|
return useBadgeStyles_1.useBadgeStyles(state);
|
68
70
|
};
|
69
71
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGa,OAAA,CAAA,qBAAA,GAAwB,kBAAxB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAgCA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAgD;AACnF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,qBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,OAHf,EAIrB,KAAK,CAAC,KAAN,KAAgB,WAAhB,IAA+B,MAAM,CAAC,SAJjB,EAKrB,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,MALd,EAMrB,KAAK,CAAC,KAAN,KAAgB,aAAhB,IAAiC,MAAM,CAAC,WANnB,EAOrB,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAPC,EAQrB,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IARxC,EASrB,KAAK,CAAC,IAAN,CAAW,SATU,CAAvB;AAWA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAdM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.CancelIcon = exports.SkypeArrowIcon = exports.SkypeCheckIcon = exports.SkypeClockIcon = exports.SkypeMinusIcon = exports.renderIcon = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
11
|
|
12
|
-
|
12
|
+
const React = /*#__PURE__*/require("react");
|
13
13
|
|
14
|
-
|
15
|
-
|
16
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
14
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
17
15
|
"root": {
|
18
16
|
"mc9l5x": "f14t3ns0",
|
19
17
|
"ha4doy": "fmrv4ls",
|
@@ -34,94 +32,82 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
34
32
|
//
|
35
33
|
|
36
34
|
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
var svgClasses = styles.svg;
|
35
|
+
const useIconProps = props => {
|
36
|
+
const containerProps = props['aria-label'] ? {} : {
|
37
|
+
role: 'presentation',
|
38
|
+
['aria-hidden']: true
|
39
|
+
};
|
40
|
+
const nativeProps = react_utilities_1.getNativeProps(props, react_utilities_1.htmlElementProperties);
|
41
|
+
const styles = useStyles();
|
42
|
+
const rootClasses = styles.root;
|
43
|
+
const svgClasses = styles.svg;
|
47
44
|
return {
|
48
|
-
containerProps
|
49
|
-
nativeProps
|
50
|
-
rootClasses
|
51
|
-
svgClasses
|
45
|
+
containerProps,
|
46
|
+
nativeProps,
|
47
|
+
rootClasses,
|
48
|
+
svgClasses
|
52
49
|
};
|
53
50
|
};
|
54
51
|
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
};
|
52
|
+
const renderIcon = SVGElement => props => {
|
53
|
+
const {
|
54
|
+
containerProps,
|
55
|
+
nativeProps,
|
56
|
+
rootClasses,
|
57
|
+
svgClasses
|
58
|
+
} = useIconProps(props);
|
59
|
+
return React.createElement('span', { ...containerProps,
|
60
|
+
...nativeProps,
|
61
|
+
className: react_make_styles_1.mergeClasses(rootClasses, props.className)
|
62
|
+
}, React.createElement(SVGElement, {
|
63
|
+
svgClasses: svgClasses
|
64
|
+
}));
|
69
65
|
};
|
70
66
|
|
71
67
|
exports.renderIcon = renderIcon;
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
}));
|
80
|
-
});
|
68
|
+
const SkypeMinusIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
|
69
|
+
xmlns: "http://www.w3.org/2000/svg",
|
70
|
+
viewBox: "0 0 2048 2048",
|
71
|
+
className: props.svgClasses
|
72
|
+
}, React.createElement("path", {
|
73
|
+
d: "M1591 823q42 0 78 16t64 43 43 63 16 79q0 42-16 78t-43 64-63 43-79 16H395q-42 0-78-16t-64-43-42-63-16-79q0-42 15-78t43-64 63-43 79-16h1196z"
|
74
|
+
})));
|
81
75
|
exports.SkypeMinusIcon = SkypeMinusIcon;
|
82
76
|
SkypeMinusIcon.displayName = 'SkypeMinusIcon';
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
}));
|
91
|
-
});
|
77
|
+
const SkypeClockIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
|
78
|
+
xmlns: "http://www.w3.org/2000/svg",
|
79
|
+
viewBox: "0 0 2048 2048",
|
80
|
+
className: props.svgClasses
|
81
|
+
}, React.createElement("path", {
|
82
|
+
d: "M1431 1705q28 28 43 65t15 77q0 42-15 78t-43 64-63 43-79 16q-83 0-142-59l-594-593q-28-28-43-65t-15-77V201q0-42 15-78t43-64 63-43 79-16q42 0 78 16t64 43 43 63 16 79v970l535 534z"
|
83
|
+
})));
|
92
84
|
exports.SkypeClockIcon = SkypeClockIcon;
|
93
85
|
SkypeClockIcon.displayName = 'SkypeClockIcon';
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
}));
|
102
|
-
});
|
86
|
+
const SkypeCheckIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
|
87
|
+
xmlns: "http://www.w3.org/2000/svg",
|
88
|
+
viewBox: "0 0 2048 2048",
|
89
|
+
className: props.svgClasses
|
90
|
+
}, React.createElement("path", {
|
91
|
+
d: "M1570 437q42 0 78 15t64 43 42 63 16 79q0 40-15 77t-43 65l-794 795q-28 28-65 43t-77 16q-40 0-77-15t-65-44l-362-362q-28-28-43-65t-16-77q0-42 16-78t43-64 63-42 79-16q40 0 77 15t65 43l220 220 652-653q28-28 65-43t77-15z"
|
92
|
+
})));
|
103
93
|
exports.SkypeCheckIcon = SkypeCheckIcon;
|
104
94
|
SkypeCheckIcon.displayName = 'SkypeCheckIcon';
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
}));
|
113
|
-
});
|
95
|
+
const SkypeArrowIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
|
96
|
+
xmlns: "http://www.w3.org/2000/svg",
|
97
|
+
viewBox: "0 0 2048 2048",
|
98
|
+
className: props.svgClasses
|
99
|
+
}, React.createElement("path", {
|
100
|
+
d: "M1980 964q0 41-15 77t-43 63-63 42-77 16H739l281 280q28 27 43 64t15 76q0 41-15 77t-43 63-63 42-77 16q-39 0-75-15t-65-43l-615-616q-33-33-47-68t-14-82q0-39 17-73t44-61l615-616q28-28 65-43t76-15q41 0 77 16t62 43 42 63 16 77q0 39-15 75t-43 64L739 766h1043q41 0 77 15t63 43 42 63 16 77z"
|
101
|
+
})));
|
114
102
|
exports.SkypeArrowIcon = SkypeArrowIcon;
|
115
103
|
SkypeArrowIcon.displayName = 'SkypeArrowIcon';
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
}));
|
124
|
-
});
|
104
|
+
const CancelIcon = /*#__PURE__*/exports.renderIcon(props => React.createElement("svg", {
|
105
|
+
xmlns: "http://www.w3.org/2000/svg",
|
106
|
+
viewBox: "0 0 2048 2048",
|
107
|
+
className: props.svgClasses
|
108
|
+
}, React.createElement("path", {
|
109
|
+
d: "M1115 1024l690 691-90 90-691-690-691 690-90-90 690-691-690-691 90-90 691 690 691-690 90 90-690 691z"
|
110
|
+
})));
|
125
111
|
exports.CancelIcon = CancelIcon;
|
126
112
|
CancelIcon.displayName = 'CancelIcon';
|
127
113
|
//# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.PresenceBadge = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
|
11
11
|
|
12
|
-
|
12
|
+
const usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
|
13
13
|
|
14
|
-
|
14
|
+
const Badge_1 = /*#__PURE__*/require("../../Badge");
|
15
15
|
/**
|
16
16
|
* Define a styled Badge, using the `useBadge` hook.
|
17
17
|
*/
|
18
18
|
|
19
19
|
|
20
|
-
exports.PresenceBadge = /*#__PURE__*/React.forwardRef(
|
21
|
-
|
20
|
+
exports.PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
+
const state = usePresenceBadge_1.usePresenceBadge(props, ref);
|
22
22
|
usePresenceBadgeStyles_1.usePresenceBadgeStyles(state);
|
23
23
|
return Badge_1.renderBadge(state);
|
24
24
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AACA,EAAA,wBAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,OAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqE,CAAzD;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourceRoot":""}
|
@@ -5,44 +5,40 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.usePresenceBadge = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
11
|
|
12
|
-
|
12
|
+
const index_1 = /*#__PURE__*/require("../Badge/index");
|
13
13
|
|
14
|
-
|
14
|
+
const DefaultPresenceBadgeIcons_1 = /*#__PURE__*/require("./DefaultPresenceBadgeIcons");
|
15
15
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
outOfOffice: React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null),
|
25
|
-
doNotDisturb: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null)
|
26
|
-
};
|
27
|
-
};
|
16
|
+
const iconMap = outOfOffice => ({
|
17
|
+
busy: null,
|
18
|
+
available: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeCheckIcon, null),
|
19
|
+
away: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeClockIcon, null),
|
20
|
+
offline: React.createElement(DefaultPresenceBadgeIcons_1.CancelIcon, null),
|
21
|
+
outOfOffice: React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null),
|
22
|
+
doNotDisturb: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null)
|
23
|
+
});
|
28
24
|
/**
|
29
25
|
* Returns the props and state required to render the component
|
30
26
|
*/
|
31
27
|
|
32
28
|
|
33
|
-
|
29
|
+
const usePresenceBadge = (props, ref) => {
|
34
30
|
var _a, _b, _c;
|
35
31
|
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
32
|
+
const state = { ...index_1.useBadge({
|
33
|
+
size: 'small',
|
34
|
+
...props,
|
35
|
+
icon: react_utilities_1.resolveShorthand(props.icon, {
|
36
|
+
required: true
|
37
|
+
})
|
38
|
+
}, ref),
|
43
39
|
status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
|
44
40
|
outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
|
45
|
-
}
|
41
|
+
};
|
46
42
|
|
47
43
|
if (!((_c = state.icon) === null || _c === void 0 ? void 0 : _c.children)) {
|
48
44
|
state.icon.children = iconMap(state.outOfOffice)[state.status];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AASA,MAAM,OAAO,GAA8E,WAAW,KAAK;AACzG,EAAA,IAAI,EAAE,IADmG;AAEzG,EAAA,SAAS,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAAH,GAAwB,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAF2D;AAGzG,EAAA,IAAI,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAAH,GAAwB,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAHgE;AAIzG,EAAA,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,UAAD,EAAW,IAAX,CAJgG;AAKzG,EAAA,WAAW,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAL4F;AAMzG,EAAA,YAAY,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf;AAN2F,CAAL,CAAtG;AASA;;AAEG;;;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;;;AAC7G,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,QAAA,CACD;AACE,MAAA,IAAI,EAAE,OADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;AACjC,QAAA,QAAQ,EAAE;AADuB,OAA7B;AAHR,KADC,EAQD,GARC,CAD6B;AAWhC,IAAA,MAAM,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,MAAR,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,EAAd,GAAkB,WAXQ;AAYhC,IAAA,WAAW,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,WAAR,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,EAAnB,GAAuB;AAZF,GAAlC;;AAeA,MAAI,EAAA,CAAA,EAAA,GAAC,KAAK,CAAC,IAAP,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAE,QAAb,CAAJ,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,OAAO,CAAC,KAAK,CAAC,WAAP,CAAP,CAA2B,KAAK,CAAC,MAAjC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CArBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
@@ -3,13 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.usePresenceBadgeStyles = void 0;
|
6
|
+
exports.usePresenceBadgeStyles = exports.presenceBadgeClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const Badge_1 = /*#__PURE__*/require("../../Badge");
|
11
11
|
|
12
|
-
|
12
|
+
exports.presenceBadgeClassName = 'fui-PresenceBadge';
|
13
|
+
|
14
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
13
15
|
"root": {
|
14
16
|
"z8tnut": "f1g0x7ka",
|
15
17
|
"z189sj": ["fhxju0i", "f1cnd47f"],
|
@@ -83,9 +85,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
83
85
|
*/
|
84
86
|
|
85
87
|
|
86
|
-
|
87
|
-
|
88
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, (state.size === 'tiny' || state.size === 'extra-small') && styles.thinBorder, state.root.className);
|
88
|
+
const usePresenceBadgeStyles = state => {
|
89
|
+
const styles = useStyles();
|
90
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, (state.size === 'tiny' || state.size === 'extra-small') && styles.thinBorder, state.root.className);
|
89
91
|
return Badge_1.useBadgeStyles(state);
|
90
92
|
};
|
91
93
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA4CA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAkD;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHlD,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPpB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAVvE,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAZ7C,EAarB,KAAK,CAAC,IAAN,CAAW,SAbU,CAAvB;AAgBA,SAAO,OAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED