@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.
Files changed (65) hide show
  1. package/CHANGELOG.json +34 -16
  2. package/CHANGELOG.md +13 -11
  3. package/dist/react-badge.d.ts +6 -0
  4. package/lib/common/isConformant.js +1 -1
  5. package/lib/common/isConformant.js.map +1 -1
  6. package/lib/components/Badge/Badge.js +2 -2
  7. package/lib/components/Badge/Badge.js.map +1 -1
  8. package/lib/components/Badge/renderBadge.js +6 -7
  9. package/lib/components/Badge/renderBadge.js.map +1 -1
  10. package/lib/components/Badge/useBadge.js +19 -22
  11. package/lib/components/Badge/useBadge.js.map +1 -1
  12. package/lib/components/Badge/useBadgeStyles.d.ts +1 -0
  13. package/lib/components/Badge/useBadgeStyles.js +16 -15
  14. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  15. package/lib/components/CounterBadge/CounterBadge.js +2 -2
  16. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  17. package/lib/components/CounterBadge/useCounterBadge.js +18 -24
  18. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  19. package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -0
  20. package/lib/components/CounterBadge/useCounterBadgeStyles.js +5 -4
  21. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  22. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +62 -75
  23. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +1 -1
  24. package/lib/components/PresenceBadge/PresenceBadge.js +2 -2
  25. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  26. package/lib/components/PresenceBadge/usePresenceBadge.js +17 -20
  27. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  28. package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -0
  29. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +5 -4
  30. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  31. package/lib-commonjs/Badge.js +1 -1
  32. package/lib-commonjs/CounterBadge.js +1 -1
  33. package/lib-commonjs/PresenceBadge.js +1 -1
  34. package/lib-commonjs/common/isConformant.js +3 -3
  35. package/lib-commonjs/common/isConformant.js.map +1 -1
  36. package/lib-commonjs/components/Badge/Badge.js +6 -6
  37. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  38. package/lib-commonjs/components/Badge/index.js +1 -1
  39. package/lib-commonjs/components/Badge/renderBadge.js +8 -10
  40. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  41. package/lib-commonjs/components/Badge/useBadge.js +20 -24
  42. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  43. package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +1 -0
  44. package/lib-commonjs/components/Badge/useBadgeStyles.js +19 -17
  45. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  46. package/lib-commonjs/components/CounterBadge/CounterBadge.js +6 -6
  47. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  48. package/lib-commonjs/components/CounterBadge/index.js +1 -1
  49. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +19 -26
  50. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  51. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +1 -0
  52. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +9 -7
  53. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  54. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +65 -79
  55. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +1 -1
  56. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +6 -6
  57. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  58. package/lib-commonjs/components/PresenceBadge/index.js +1 -1
  59. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +21 -25
  60. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  61. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +1 -0
  62. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +9 -7
  63. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  64. package/lib-commonjs/index.js +1 -1
  65. package/package.json +7 -7
@@ -1,9 +1,8 @@
1
- import { __assign } from "tslib";
2
1
  import { mergeClasses, __styles } from '@fluentui/react-make-styles';
3
2
  import { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';
4
3
  import * as React from 'react';
5
4
 
6
- var useStyles = /*#__PURE__*/__styles({
5
+ const useStyles = /*#__PURE__*/__styles({
7
6
  "root": {
8
7
  "mc9l5x": "f14t3ns0",
9
8
  "ha4doy": "fmrv4ls",
@@ -24,88 +23,76 @@ var useStyles = /*#__PURE__*/__styles({
24
23
  //
25
24
 
26
25
 
27
- var useIconProps = function (props) {
28
- var _a;
29
-
30
- var containerProps = props['aria-label'] ? {} : (_a = {
31
- role: 'presentation'
32
- }, _a['aria-hidden'] = true, _a);
33
- var nativeProps = getNativeProps(props, htmlElementProperties);
34
- var styles = useStyles();
35
- var rootClasses = styles.root;
36
- var svgClasses = styles.svg;
26
+ const useIconProps = props => {
27
+ const containerProps = props['aria-label'] ? {} : {
28
+ role: 'presentation',
29
+ ['aria-hidden']: true
30
+ };
31
+ const nativeProps = getNativeProps(props, htmlElementProperties);
32
+ const styles = useStyles();
33
+ const rootClasses = styles.root;
34
+ const svgClasses = styles.svg;
37
35
  return {
38
- containerProps: containerProps,
39
- nativeProps: nativeProps,
40
- rootClasses: rootClasses,
41
- svgClasses: svgClasses
36
+ containerProps,
37
+ nativeProps,
38
+ rootClasses,
39
+ svgClasses
42
40
  };
43
41
  };
44
42
 
45
- export var renderIcon = function (SVGElement) {
46
- return function (props) {
47
- var _a = useIconProps(props),
48
- containerProps = _a.containerProps,
49
- nativeProps = _a.nativeProps,
50
- rootClasses = _a.rootClasses,
51
- svgClasses = _a.svgClasses;
52
-
53
- return /*#__PURE__*/React.createElement('span', __assign(__assign(__assign({}, containerProps), nativeProps), {
54
- className: mergeClasses(rootClasses, props.className)
55
- }), /*#__PURE__*/React.createElement(SVGElement, {
56
- svgClasses: svgClasses
57
- }));
58
- };
59
- };
60
- var SkypeMinusIcon = /*#__PURE__*/renderIcon(function (props) {
61
- return /*#__PURE__*/React.createElement("svg", {
62
- xmlns: "http://www.w3.org/2000/svg",
63
- viewBox: "0 0 2048 2048",
64
- className: props.svgClasses
65
- }, /*#__PURE__*/React.createElement("path", {
66
- 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"
43
+ export const renderIcon = SVGElement => props => {
44
+ const {
45
+ containerProps,
46
+ nativeProps,
47
+ rootClasses,
48
+ svgClasses
49
+ } = useIconProps(props);
50
+ return /*#__PURE__*/React.createElement('span', { ...containerProps,
51
+ ...nativeProps,
52
+ className: mergeClasses(rootClasses, props.className)
53
+ }, /*#__PURE__*/React.createElement(SVGElement, {
54
+ svgClasses: svgClasses
67
55
  }));
68
- });
56
+ };
57
+ const SkypeMinusIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
58
+ xmlns: "http://www.w3.org/2000/svg",
59
+ viewBox: "0 0 2048 2048",
60
+ className: props.svgClasses
61
+ }, /*#__PURE__*/React.createElement("path", {
62
+ 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"
63
+ })));
69
64
  SkypeMinusIcon.displayName = 'SkypeMinusIcon';
70
- var SkypeClockIcon = /*#__PURE__*/renderIcon(function (props) {
71
- return /*#__PURE__*/React.createElement("svg", {
72
- xmlns: "http://www.w3.org/2000/svg",
73
- viewBox: "0 0 2048 2048",
74
- className: props.svgClasses
75
- }, /*#__PURE__*/React.createElement("path", {
76
- 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"
77
- }));
78
- });
65
+ const SkypeClockIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
66
+ xmlns: "http://www.w3.org/2000/svg",
67
+ viewBox: "0 0 2048 2048",
68
+ className: props.svgClasses
69
+ }, /*#__PURE__*/React.createElement("path", {
70
+ 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"
71
+ })));
79
72
  SkypeClockIcon.displayName = 'SkypeClockIcon';
80
- var SkypeCheckIcon = /*#__PURE__*/renderIcon(function (props) {
81
- return /*#__PURE__*/React.createElement("svg", {
82
- xmlns: "http://www.w3.org/2000/svg",
83
- viewBox: "0 0 2048 2048",
84
- className: props.svgClasses
85
- }, /*#__PURE__*/React.createElement("path", {
86
- 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"
87
- }));
88
- });
73
+ const SkypeCheckIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
74
+ xmlns: "http://www.w3.org/2000/svg",
75
+ viewBox: "0 0 2048 2048",
76
+ className: props.svgClasses
77
+ }, /*#__PURE__*/React.createElement("path", {
78
+ 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"
79
+ })));
89
80
  SkypeCheckIcon.displayName = 'SkypeCheckIcon';
90
- var SkypeArrowIcon = /*#__PURE__*/renderIcon(function (props) {
91
- return /*#__PURE__*/React.createElement("svg", {
92
- xmlns: "http://www.w3.org/2000/svg",
93
- viewBox: "0 0 2048 2048",
94
- className: props.svgClasses
95
- }, /*#__PURE__*/React.createElement("path", {
96
- 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"
97
- }));
98
- });
81
+ const SkypeArrowIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
82
+ xmlns: "http://www.w3.org/2000/svg",
83
+ viewBox: "0 0 2048 2048",
84
+ className: props.svgClasses
85
+ }, /*#__PURE__*/React.createElement("path", {
86
+ 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"
87
+ })));
99
88
  SkypeArrowIcon.displayName = 'SkypeArrowIcon';
100
- var CancelIcon = /*#__PURE__*/renderIcon(function (props) {
101
- return /*#__PURE__*/React.createElement("svg", {
102
- xmlns: "http://www.w3.org/2000/svg",
103
- viewBox: "0 0 2048 2048",
104
- className: props.svgClasses
105
- }, /*#__PURE__*/React.createElement("path", {
106
- 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"
107
- }));
108
- });
89
+ const CancelIcon = /*#__PURE__*/renderIcon(props => /*#__PURE__*/React.createElement("svg", {
90
+ xmlns: "http://www.w3.org/2000/svg",
91
+ viewBox: "0 0 2048 2048",
92
+ className: props.svgClasses
93
+ }, /*#__PURE__*/React.createElement("path", {
94
+ 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"
95
+ })));
109
96
  CancelIcon.displayName = 'CancelIcon';
110
97
  export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
111
98
  //# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
@@ -6,8 +6,8 @@ import { renderBadge } from '../../Badge';
6
6
  * Define a styled Badge, using the `useBadge` hook.
7
7
  */
8
8
 
9
- export var PresenceBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = usePresenceBadge(props, ref);
9
+ export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = usePresenceBadge(props, ref);
11
11
  usePresenceBadgeStyles(state);
12
12
  return renderBadge(state);
13
13
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
@@ -1,37 +1,34 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { resolveShorthand } from '@fluentui/react-utilities';
4
3
  import { useBadge } from '../Badge/index';
5
4
  import { SkypeMinusIcon, SkypeClockIcon, SkypeArrowIcon, SkypeCheckIcon, CancelIcon } from './DefaultPresenceBadgeIcons';
6
5
 
7
- var iconMap = function (outOfOffice) {
8
- return {
9
- busy: null,
10
- available: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeCheckIcon, null),
11
- away: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeClockIcon, null),
12
- offline: /*#__PURE__*/React.createElement(CancelIcon, null),
13
- outOfOffice: /*#__PURE__*/React.createElement(SkypeArrowIcon, null),
14
- doNotDisturb: /*#__PURE__*/React.createElement(SkypeMinusIcon, null)
15
- };
16
- };
6
+ const iconMap = outOfOffice => ({
7
+ busy: null,
8
+ available: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeCheckIcon, null),
9
+ away: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeClockIcon, null),
10
+ offline: /*#__PURE__*/React.createElement(CancelIcon, null),
11
+ outOfOffice: /*#__PURE__*/React.createElement(SkypeArrowIcon, null),
12
+ doNotDisturb: /*#__PURE__*/React.createElement(SkypeMinusIcon, null)
13
+ });
17
14
  /**
18
15
  * Returns the props and state required to render the component
19
16
  */
20
17
 
21
18
 
22
- export var usePresenceBadge = function (props, ref) {
19
+ export const usePresenceBadge = (props, ref) => {
23
20
  var _a, _b, _c;
24
21
 
25
- var state = __assign(__assign({}, useBadge(__assign(__assign({
26
- size: 'small'
27
- }, props), {
28
- icon: resolveShorthand(props.icon, {
29
- required: true
30
- })
31
- }), ref)), {
22
+ const state = { ...useBadge({
23
+ size: 'small',
24
+ ...props,
25
+ icon: resolveShorthand(props.icon, {
26
+ required: true
27
+ })
28
+ }, ref),
32
29
  status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
33
30
  outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
34
- });
31
+ };
35
32
 
36
33
  if (!((_c = state.icon) === null || _c === void 0 ? void 0 : _c.children)) {
37
34
  state.icon.children = iconMap(state.outOfOffice)[state.status];
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SAAS,QAAT,QAAyB,gBAAzB;AACA,SACE,cADF,EAEE,cAFF,EAGE,cAHF,EAIE,cAJF,EAKE,UALF,QAMO,6BANP;;AASA,IAAM,OAAO,GAA8E,UAAA,WAAA,EAAW;AAAI,SAAC;AACzG,IAAA,IAAI,EAAE,IADmG;AAEzG,IAAA,SAAS,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAF2D;AAGzG,IAAA,IAAI,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAHgE;AAIzG,IAAA,OAAO,eAAE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,IAAX,CAJgG;AAKzG,IAAA,WAAW,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAL4F;AAMzG,IAAA,YAAY,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf;AAN2F,GAAD;AAOxG,CAPF;AASA;;AAEG;;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;;;AACrF,MAAM,KAAK,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACN,QAAQ,CAAA,QAAA,CAAA,QAAA,CAAA;AAEP,IAAA,IAAI,EAAE;AAFC,GAAA,EAGJ,KAHI,CAAA,EAGC;AACR,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP,EAAa;AACjC,MAAA,QAAQ,EAAE;AADuB,KAAb;AADd,GAHD,CAAA,EAQT,GARS,CADF,CAAA,EAUR;AACD,IAAA,MAAM,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,MAAR,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,EAAd,GAAkB,WADvB;AAED,IAAA,WAAW,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,WAAR,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,EAAnB,GAAuB;AAFjC,GAVQ,CAAX;;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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SAAS,QAAT,QAAyB,gBAAzB;AACA,SACE,cADF,EAEE,cAFF,EAGE,cAHF,EAIE,cAJF,EAKE,UALF,QAMO,6BANP;;AASA,MAAM,OAAO,GAA8E,WAAW,KAAK;AACzG,EAAA,IAAI,EAAE,IADmG;AAEzG,EAAA,SAAS,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAF2D;AAGzG,EAAA,IAAI,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAHgE;AAIzG,EAAA,OAAO,eAAE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,IAAX,CAJgG;AAKzG,EAAA,WAAW,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAL4F;AAMzG,EAAA,YAAY,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf;AAN2F,CAAL,CAAtG;AASA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;;;AAC7G,QAAM,KAAK,GAAuB,EAChC,GAAG,QAAQ,CACT;AACE,MAAA,IAAI,EAAE,OADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP,EAAa;AACjC,QAAA,QAAQ,EAAE;AADuB,OAAb;AAHxB,KADS,EAQT,GARS,CADqB;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","sourceRoot":""}
@@ -1,4 +1,5 @@
1
1
  import type { PresenceBadgeState } from './PresenceBadge.types';
2
+ export declare const presenceBadgeClassName = "fui-PresenceBadge";
2
3
  /**
3
4
  * Applies style classnames to slots
4
5
  */
@@ -1,7 +1,8 @@
1
1
  import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
2
  import { useBadgeStyles } from '../../Badge';
3
+ export const presenceBadgeClassName = 'fui-PresenceBadge';
3
4
 
4
- var useStyles = /*#__PURE__*/__styles({
5
+ const useStyles = /*#__PURE__*/__styles({
5
6
  "root": {
6
7
  "z8tnut": "f1g0x7ka",
7
8
  "z189sj": ["fhxju0i", "f1cnd47f"],
@@ -75,9 +76,9 @@ var useStyles = /*#__PURE__*/__styles({
75
76
  */
76
77
 
77
78
 
78
- export var usePresenceBadgeStyles = function (state) {
79
- var styles = useStyles();
80
- state.root.className = 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);
79
+ export const usePresenceBadgeStyles = state => {
80
+ const styles = useStyles();
81
+ state.root.className = mergeClasses(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);
81
82
  return useBadgeStyles(state);
82
83
  };
83
84
  //# sourceMappingURL=usePresenceBadgeStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,aAA/B;;AAGA,IAAM,SAAS,gBAAG;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;;;AACH,OAAO,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAFtC,EAGjC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHD,EAIjC,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJN,EAKjC,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALJ,EAMjC,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANR,EAOjC,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPK,EAQjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAR3B,EASjC,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAT3D,EAUjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAVtB,EAWjC,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAXjC,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAeA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAlBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,aAA/B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;;AAEP,MAAM,SAAS,gBAAG;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;;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAkD;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,sBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHtC,EAIjC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJD,EAKjC,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALN,EAMjC,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANJ,EAOjC,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPR,EAQjC,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARK,EASjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAT3B,EAUjC,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAV3D,EAWjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXtB,EAYjC,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAZjC,EAajC,KAAK,CAAC,IAAN,CAAW,SAbsB,CAAnC;AAgBA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAnBM","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/Badge/index"), exports);
10
10
  //# sourceMappingURL=Badge.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/CounterBadge/index"), exports);
10
10
  //# sourceMappingURL=CounterBadge.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/PresenceBadge/index"), exports);
10
10
  //# sourceMappingURL=PresenceBadge.js.map
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.isConformant = void 0;
7
7
 
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
8
+ const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
9
 
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
10
+ const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
11
 
12
12
  function isConformant(testInfo) {
13
- var defaultOptions = {
13
+ const defaultOptions = {
14
14
  asPropHandlesRef: true,
15
15
  componentPath: module.parent.filename.replace('.test', ''),
16
16
  // https://github.com/microsoft/fluentui/issues/19522
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAL+C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAL+C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Badge = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useBadge_1 = /*#__PURE__*/require("./useBadge");
10
+ const useBadge_1 = /*#__PURE__*/require("./useBadge");
11
11
 
12
- var useBadgeStyles_1 = /*#__PURE__*/require("./useBadgeStyles");
12
+ const useBadgeStyles_1 = /*#__PURE__*/require("./useBadgeStyles");
13
13
 
14
- var renderBadge_1 = /*#__PURE__*/require("./renderBadge");
14
+ const renderBadge_1 = /*#__PURE__*/require("./renderBadge");
15
15
  /**
16
16
  * Define a styled Badge, using the `useBadge` hook.
17
17
  */
18
18
 
19
19
 
20
- exports.Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useBadge_1.useBadge(props, ref);
20
+ exports.Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useBadge_1.useBadge(props, ref);
22
22
  useBadgeStyles_1.useBadgeStyles(state);
23
23
  return renderBadge_1.renderBadge(state);
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Badge"), exports);
10
10
 
@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderBadge = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
11
 
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- var renderBadge = function (state) {
15
- var _a = react_utilities_1.getSlots(state, ['icon', 'root']),
16
- slots = _a.slots,
17
- slotProps = _a.slotProps;
18
-
19
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.iconPosition === 'before' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), state.root.children, state.iconPosition === 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)));
12
+ const renderBadge = state => {
13
+ const {
14
+ slots,
15
+ slotProps
16
+ } = react_utilities_1.getSlots(state, ['icon', 'root']);
17
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), state.iconPosition === 'before' && React.createElement(slots.icon, Object.assign({}, slotProps.icon)), state.root.children, state.iconPosition === 'after' && React.createElement(slots.icon, Object.assign({}, slotProps.icon)));
20
18
  };
21
19
 
22
20
  exports.renderBadge = renderBadge;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,CAAC,MAAD,EAAS,MAAT,CAA5B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAHrC,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,CAAC,MAAD,EAAS,MAAT,CAA5B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAHrC,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
@@ -5,39 +5,35 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useBadge = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
9
  /**
12
10
  * Returns the props and state required to render the component
13
11
  */
14
12
 
15
13
 
16
- var useBadge = function (props, ref) {
17
- var _a = props.shape,
18
- shape = _a === void 0 ? 'circular' : _a,
19
- _b = props.size,
20
- size = _b === void 0 ? 'medium' : _b,
21
- _c = props.iconPosition,
22
- iconPosition = _c === void 0 ? 'before' : _c,
23
- _d = props.appearance,
24
- appearance = _d === void 0 ? 'filled' : _d,
25
- _e = props.color,
26
- color = _e === void 0 ? 'brand' : _e;
27
- var state = {
28
- shape: shape,
29
- size: size,
30
- iconPosition: iconPosition,
31
- appearance: appearance,
32
- color: color,
14
+ const useBadge = (props, ref) => {
15
+ const {
16
+ shape = 'circular',
17
+ size = 'medium',
18
+ iconPosition = 'before',
19
+ appearance = 'filled',
20
+ color = 'brand'
21
+ } = props;
22
+ const state = {
23
+ shape,
24
+ size,
25
+ iconPosition,
26
+ appearance,
27
+ color,
33
28
  components: {
34
29
  root: 'div',
35
30
  icon: 'span'
36
31
  },
37
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
38
- ref: ref,
39
- 'aria-hidden': true
40
- }, props)),
32
+ root: react_utilities_1.getNativeElementProps('div', {
33
+ ref,
34
+ 'aria-hidden': true,
35
+ ...props
36
+ }),
41
37
  icon: react_utilities_1.resolveShorthand(props.icon)
42
38
  };
43
39
  return state;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAA+C;AAEnE,MAAA,EAAA,GAKE,KAAK,CALW,KAAlB;AAAA,MAAA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAH,GAAa,EAAlB;AAAA,MACA,EAAA,GAIE,KAAK,CAJQ,IADf;AAAA,MACA,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EADf;AAAA,MAEA,EAAA,GAGE,KAAK,CAHgB,YAFvB;AAAA,MAEA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAFvB;AAAA,MAGA,EAAA,GAEE,KAAK,CAFc,UAHrB;AAAA,MAGA,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAHrB;AAAA,MAIA,EAAA,GACE,KAAK,CADQ,KAJf;AAAA,MAIA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,OAAH,GAAU,EAJf;AAOF,MAAM,KAAK,GAAe;AACxB,IAAA,KAAK,EAAA,KADmB;AAExB,IAAA,IAAI,EAAA,IAFoB;AAGxB,IAAA,YAAY,EAAA,YAHY;AAIxB,IAAA,UAAU,EAAA,UAJc;AAKxB,IAAA,KAAK,EAAA,KALmB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,qBAAe;AAFgB,KAAA,EAG5B,KAH4B,CAA3B,CAVkB;AAexB,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB;AAfkB,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AACrF,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAA7B,CAVkB;AAexB,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB;AAfkB,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
@@ -1,4 +1,5 @@
1
1
  import type { BadgeState } from './Badge.types';
2
+ export declare const badgeClassName = "fui-Badge";
2
3
  /**
3
4
  * Applies style classnames to slots
4
5
  */
@@ -3,11 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useBadgeStyles = void 0;
6
+ exports.useBadgeStyles = exports.badgeClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
10
+ exports.badgeClassName = 'fui-Badge';
11
+
12
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
11
13
  "root": {
12
14
  "mc9l5x": "ftuwxu6",
13
15
  "B7ck84d": "f1ewtqcl",
@@ -307,20 +309,20 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
307
309
  */
308
310
 
309
311
 
310
- var useBadgeStyles = function (state) {
311
- var styles = useStyles();
312
- var isGhost = state.appearance === 'ghost';
313
- var isOutline = state.appearance === 'outline';
314
- var isTint = state.appearance === 'tint';
315
- var isFilled = state.appearance === 'filled';
316
- var isDanger = state.color === 'danger';
317
- var isSevere = state.color === 'severe';
318
- var isWarning = state.color === 'warning';
319
- var isSuccess = state.color === 'success';
320
- var isImportant = state.color === 'important';
321
- var isInformative = state.color === 'informative';
322
- var isSubtle = state.color === 'subtle';
323
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.root.className);
312
+ const useBadgeStyles = state => {
313
+ const styles = useStyles();
314
+ const isGhost = state.appearance === 'ghost';
315
+ const isOutline = state.appearance === 'outline';
316
+ const isTint = state.appearance === 'tint';
317
+ const isFilled = state.appearance === 'filled';
318
+ const isDanger = state.color === 'danger';
319
+ const isSevere = state.color === 'severe';
320
+ const isWarning = state.color === 'warning';
321
+ const isSuccess = state.color === 'success';
322
+ const isImportant = state.color === 'important';
323
+ const isInformative = state.color === 'informative';
324
+ const isSubtle = state.color === 'subtle';
325
+ state.root.className = react_make_styles_1.mergeClasses(exports.badgeClassName, styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.root.className);
324
326
 
325
327
  if (state.icon) {
326
328
  state.icon.className = react_make_styles_1.mergeClasses(styles.icon, state.icon.className);