@fluentui/react-badge 9.0.0-nightly.b5b7401007.0 → 9.0.0-rc.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (118) hide show
  1. package/CHANGELOG.json +382 -28
  2. package/CHANGELOG.md +88 -13
  3. package/dist/react-badge.d.ts +33 -28
  4. package/lib/Badge.js.map +1 -1
  5. package/lib/CounterBadge.js.map +1 -1
  6. package/lib/PresenceBadge.js.map +1 -1
  7. package/lib/components/Badge/Badge.d.ts +1 -1
  8. package/lib/components/Badge/Badge.js +8 -8
  9. package/lib/components/Badge/Badge.js.map +1 -1
  10. package/lib/components/Badge/Badge.types.d.ts +4 -5
  11. package/lib/components/Badge/Badge.types.js.map +1 -1
  12. package/lib/components/Badge/index.d.ts +1 -1
  13. package/lib/components/Badge/index.js +0 -1
  14. package/lib/components/Badge/index.js.map +1 -1
  15. package/lib/components/Badge/renderBadge.d.ts +1 -1
  16. package/lib/components/Badge/renderBadge.js +9 -7
  17. package/lib/components/Badge/renderBadge.js.map +1 -1
  18. package/lib/components/Badge/useBadge.d.ts +1 -1
  19. package/lib/components/Badge/useBadge.js +19 -22
  20. package/lib/components/Badge/useBadge.js.map +1 -1
  21. package/lib/components/Badge/useBadgeStyles.d.ts +2 -1
  22. package/lib/components/Badge/useBadgeStyles.js +210 -203
  23. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  24. package/lib/components/CounterBadge/CounterBadge.d.ts +1 -1
  25. package/lib/components/CounterBadge/CounterBadge.js +8 -8
  26. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  27. package/lib/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  28. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
  29. package/lib/components/CounterBadge/index.js.map +1 -1
  30. package/lib/components/CounterBadge/useCounterBadge.d.ts +1 -1
  31. package/lib/components/CounterBadge/useCounterBadge.js +19 -25
  32. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  33. package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +2 -1
  34. package/lib/components/CounterBadge/useCounterBadgeStyles.js +10 -40
  35. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  36. package/lib/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  37. package/lib/components/PresenceBadge/PresenceBadge.js +8 -8
  38. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  39. package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  40. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  41. package/lib/components/PresenceBadge/index.js.map +1 -1
  42. package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
  43. package/lib/components/PresenceBadge/presenceIcons.js +128 -0
  44. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
  45. package/lib/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  46. package/lib/components/PresenceBadge/usePresenceBadge.js +36 -25
  47. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  48. package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +2 -1
  49. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +43 -46
  50. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  51. package/lib/index.js.map +1 -1
  52. package/lib-commonjs/Badge.js +1 -1
  53. package/lib-commonjs/Badge.js.map +1 -1
  54. package/lib-commonjs/CounterBadge.js +1 -1
  55. package/lib-commonjs/CounterBadge.js.map +1 -1
  56. package/lib-commonjs/PresenceBadge.js +1 -1
  57. package/lib-commonjs/PresenceBadge.js.map +1 -1
  58. package/lib-commonjs/components/Badge/Badge.d.ts +1 -1
  59. package/lib-commonjs/components/Badge/Badge.js +9 -9
  60. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  61. package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -5
  62. package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
  63. package/lib-commonjs/components/Badge/index.d.ts +1 -1
  64. package/lib-commonjs/components/Badge/index.js +1 -3
  65. package/lib-commonjs/components/Badge/index.js.map +1 -1
  66. package/lib-commonjs/components/Badge/renderBadge.d.ts +1 -1
  67. package/lib-commonjs/components/Badge/renderBadge.js +13 -12
  68. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  69. package/lib-commonjs/components/Badge/useBadge.d.ts +1 -1
  70. package/lib-commonjs/components/Badge/useBadge.js +22 -26
  71. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  72. package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +2 -1
  73. package/lib-commonjs/components/Badge/useBadgeStyles.js +214 -205
  74. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  75. package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts +1 -1
  76. package/lib-commonjs/components/CounterBadge/CounterBadge.js +9 -9
  77. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  78. package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +9 -9
  79. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
  80. package/lib-commonjs/components/CounterBadge/index.js +1 -1
  81. package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
  82. package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts +1 -1
  83. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +21 -28
  84. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  85. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +2 -1
  86. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +13 -42
  87. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  88. package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  89. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +9 -9
  90. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  91. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +7 -5
  92. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  93. package/lib-commonjs/components/PresenceBadge/index.js +1 -1
  94. package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
  95. package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
  96. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
  97. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
  98. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  99. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +38 -28
  100. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  101. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +2 -1
  102. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +46 -48
  103. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  104. package/lib-commonjs/index.js +1 -1
  105. package/lib-commonjs/index.js.map +1 -1
  106. package/package.json +14 -15
  107. package/lib/common/isConformant.d.ts +0 -4
  108. package/lib/common/isConformant.js +0 -13
  109. package/lib/common/isConformant.js.map +0 -1
  110. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  111. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -111
  112. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
  113. package/lib-commonjs/common/isConformant.d.ts +0 -4
  114. package/lib-commonjs/common/isConformant.js +0 -24
  115. package/lib-commonjs/common/isConformant.js.map +0 -1
  116. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  117. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -127
  118. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
@@ -3,53 +3,63 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.usePresenceBadge = void 0;
6
+ exports.usePresenceBadge_unstable = 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");
12
+ const presenceIcons_1 = /*#__PURE__*/require("./presenceIcons");
13
13
 
14
- var index_1 = /*#__PURE__*/require("../Badge/index");
14
+ const index_1 = /*#__PURE__*/require("../Badge/index");
15
15
 
16
- var DefaultPresenceBadgeIcons_1 = /*#__PURE__*/require("./DefaultPresenceBadgeIcons");
16
+ const iconMap = (status, outOfOffice, size) => {
17
+ switch (status) {
18
+ case 'available':
19
+ return outOfOffice ? presenceIcons_1.presenceAvailableRegular[size] : presenceIcons_1.presenceAvailableFilled[size];
17
20
 
18
- var iconMap = function (outOfOffice) {
19
- return {
20
- busy: null,
21
- available: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeCheckIcon, null),
22
- away: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeClockIcon, null),
23
- offline: React.createElement(DefaultPresenceBadgeIcons_1.CancelIcon, null),
24
- outOfOffice: React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null),
25
- doNotDisturb: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null)
26
- };
21
+ case 'away':
22
+ return outOfOffice ? presenceIcons_1.presenceOfflineRegular[size] : presenceIcons_1.presenceAwayFilled[size];
23
+
24
+ case 'busy':
25
+ return outOfOffice ? presenceIcons_1.presenceUnknownRegular[size] : presenceIcons_1.presenceBusyFilled[size];
26
+
27
+ case 'doNotDisturb':
28
+ return outOfOffice ? presenceIcons_1.presenceDndRegular[size] : presenceIcons_1.presenceDndFilled[size];
29
+
30
+ case 'offline':
31
+ return presenceIcons_1.presenceOfflineRegular[size];
32
+
33
+ case 'outOfOffice':
34
+ return presenceIcons_1.presenceOofRegular[size];
35
+ }
27
36
  };
28
37
  /**
29
38
  * Returns the props and state required to render the component
30
39
  */
31
40
 
32
41
 
33
- var usePresenceBadge = function (props, ref) {
34
- var _a, _b, _c;
42
+ const usePresenceBadge_unstable = (props, ref) => {
43
+ var _a, _b;
35
44
 
36
- var state = tslib_1.__assign(tslib_1.__assign({}, index_1.useBadge(tslib_1.__assign(tslib_1.__assign({
37
- size: 'small'
38
- }, props), {
39
- icon: react_utilities_1.resolveShorthand(props.icon, {
40
- required: true
41
- })
42
- }), ref)), {
45
+ const state = { ...index_1.useBadge_unstable({
46
+ size: 'medium',
47
+ ...props,
48
+ icon: react_utilities_1.resolveShorthand(undefined, {
49
+ required: true
50
+ })
51
+ }, ref),
43
52
  status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
44
53
  outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
45
- });
54
+ };
55
+ const IconElement = iconMap(state.status, state.outOfOffice, state.size);
46
56
 
47
- if (!((_c = state.icon) === null || _c === void 0 ? void 0 : _c.children)) {
48
- state.icon.children = iconMap(state.outOfOffice)[state.status];
57
+ if (IconElement) {
58
+ state.icon.children = React.createElement(IconElement, null);
49
59
  }
50
60
 
51
61
  return state;
52
62
  };
53
63
 
54
- exports.usePresenceBadge = usePresenceBadge;
64
+ exports.usePresenceBadge_unstable = usePresenceBadge_unstable;
55
65
  //# sourceMappingURL=usePresenceBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AASA,IAAM,OAAO,GAA8E,UAAA,WAAA,EAAW;AAAI,SAAC;AACzG,IAAA,IAAI,EAAE,IADmG;AAEzG,IAAA,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,IAAA,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,IAAA,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,UAAD,EAAW,IAAX,CAJgG;AAKzG,IAAA,WAAW,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAL4F;AAMzG,IAAA,YAAY,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf;AAN2F,GAAD;AAOxG,CAPF;AASA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;;;AACrF,MAAM,KAAK,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACN,OAAA,CAAA,QAAA,CAAQ,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAEP,IAAA,IAAI,EAAE;AAFC,GAAA,EAGJ,KAHI,CAAA,EAGC;AACR,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;AACjC,MAAA,QAAQ,EAAE;AADuB,KAA7B;AADE,GAHD,CAAR,EAQD,GARC,CADM,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;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAWA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,wBAAA,CAAyB,IAAzB,CAAH,GAAoC,eAAA,CAAA,uBAAA,CAAwB,IAAxB,CAAtD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAH,GAA8B,eAAA,CAAA,iBAAA,CAAkB,IAAlB,CAAhD;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;;AACF,SAAK,aAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,iBAAA,CACD;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,SAAjB,EAAkD;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlD;AAHR,KADC,EAQD,GARC,CAD6B;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable, BadgeProps } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n status: PresenceBadgeState['status'],\n outOfOffice: boolean,\n size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'doNotDisturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return presenceOfflineRegular[size];\n case 'outOfOffice':\n return presenceOofRegular[size];\n }\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 state: PresenceBadgeState = {\n ...useBadge_unstable(\n {\n size: 'medium',\n ...props,\n icon: resolveShorthand(undefined as BadgeProps['icon'], {\n required: true,\n }),\n },\n ref,\n ),\n status: props.status ?? 'available',\n outOfOffice: props.outOfOffice ?? false,\n };\n\n const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n if (IconElement) {\n state.icon!.children = <IconElement />;\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
@@ -1,5 +1,6 @@
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
  */
5
- export declare const usePresenceBadgeStyles: (state: PresenceBadgeState) => PresenceBadgeState;
6
+ export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;
@@ -3,68 +3,48 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.usePresenceBadgeStyles = void 0;
6
+ exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
- var Badge_1 = /*#__PURE__*/require("../../Badge");
10
+ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
11
 
12
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
12
+ exports.presenceBadgeClassName = 'fui-PresenceBadge';
13
+
14
+ const useStyles = /*#__PURE__*/react_1.__styles({
13
15
  "root": {
14
16
  "z8tnut": "f1g0x7ka",
15
17
  "z189sj": ["fhxju0i", "f1cnd47f"],
16
18
  "Byoj8tv": "f1qch9an",
17
19
  "uwmqm3": ["f1cnd47f", "fhxju0i"],
18
- "B4j52fo": "f18zi460",
19
- "Bekrc4i": ["f1wpluaz", "fsfsuhs"],
20
- "Bn0qgzm": "fmklw6v",
21
- "ibv6hh": ["fsfsuhs", "f1wpluaz"]
22
- },
23
- "thinBorder": {
24
- "B4j52fo": "f192inf7",
25
- "Bekrc4i": ["f5tn483", "f1ojsxk5"],
26
- "Bn0qgzm": "f1vxd6vx",
27
- "ibv6hh": ["f1ojsxk5", "f5tn483"]
20
+ "mc9l5x": "ftuwxu6",
21
+ "B7ck84d": "f1ewtqcl",
22
+ "Bt984gj": "f122n59",
23
+ "Brf1p80": "f4d9j23",
24
+ "Bhmb4qv": "fb8jth9",
25
+ "Bbmb7ep": ["fqgqgel", "fchfifz"],
26
+ "Beyfa6y": ["fchfifz", "fqgqgel"],
27
+ "B7oj6ja": ["fc7b1hi", "f1dpx5h9"],
28
+ "Btl43ni": ["f1dpx5h9", "fc7b1hi"],
29
+ "De3pzq": "fxugw4r"
28
30
  },
29
31
  "statusBusy": {
30
- "De3pzq": "fdl5y0r",
31
- "g2u3we": "f11ttmz8",
32
- "h3c5rm": ["f1ratw88", "f459ikj"],
33
- "B9xav0g": "fvovscg",
34
- "zhjwy3": ["f459ikj", "f1ratw88"]
32
+ "sj55zd": "fvi85wt"
35
33
  },
36
34
  "statusAway": {
37
- "De3pzq": "fb00bxr",
38
- "g2u3we": "f1skk3ns",
39
- "h3c5rm": ["f766wml", "f1rnrfqa"],
40
- "B9xav0g": "fb8zvtn",
41
- "zhjwy3": ["f1rnrfqa", "f766wml"]
35
+ "sj55zd": "f14k8a89"
42
36
  },
43
37
  "statusAvailable": {
44
- "De3pzq": "f1og3d8b",
45
- "g2u3we": "f1t9i9vy",
46
- "h3c5rm": ["f1r5awo9", "fnfhfy0"],
47
- "B9xav0g": "fgfkvtu",
48
- "zhjwy3": ["fnfhfy0", "f1r5awo9"]
38
+ "sj55zd": "fqa5hgp"
49
39
  },
50
40
  "statusOffline": {
51
- "De3pzq": "fxugw4r",
52
- "sj55zd": "f11d4kpn",
53
- "g2u3we": "fi2z7s6",
54
- "h3c5rm": ["f1agc6it", "f1sit5hz"],
55
- "B9xav0g": "f9pok3v",
56
- "zhjwy3": ["f1sit5hz", "f1agc6it"]
41
+ "sj55zd": "f11d4kpn"
57
42
  },
58
43
  "statusOutOfOffice": {
59
- "De3pzq": "fxugw4r",
60
- "sj55zd": "fdce8r3",
61
- "g2u3we": "f161shwc",
62
- "h3c5rm": ["fbde6ui", "f7rrh46"],
63
- "B9xav0g": "f1yt3bcc",
64
- "zhjwy3": ["f7rrh46", "fbde6ui"]
44
+ "sj55zd": "fdce8r3"
65
45
  },
66
46
  "outOfOffice": {
67
- "De3pzq": "fxugw4r"
47
+ "sj55zd": "fr0bkrk"
68
48
  },
69
49
  "outOfOfficeAvailable": {
70
50
  "sj55zd": "fqa5hgp"
@@ -74,20 +54,38 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
74
54
  },
75
55
  "outOfOfficeAway": {
76
56
  "sj55zd": "f14k8a89"
57
+ },
58
+ "tiny": {
59
+ "Bubjx69": "f9ikmtg",
60
+ "a9b677": "f16dn6v3",
61
+ "B5pe6w7": "fab5kbq",
62
+ "p4uzdd": "f1ms1d91"
63
+ },
64
+ "large": {
65
+ "Bubjx69": "f9ikmtg",
66
+ "a9b677": "f64fuq3",
67
+ "B5pe6w7": "f1vfi1yj",
68
+ "p4uzdd": "f15s34gz"
69
+ },
70
+ "extraLarge": {
71
+ "Bubjx69": "f9ikmtg",
72
+ "a9b677": "f1w9dchk",
73
+ "B5pe6w7": "f14efy9b",
74
+ "p4uzdd": "fhipgdu"
77
75
  }
78
76
  }, {
79
- "d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".fb00bxr{background-color:var(--colorPaletteMarigoldBackground3);}", ".f1skk3ns{border-top-color:var(--colorPaletteMarigoldBackground3);}", ".f766wml{border-right-color:var(--colorPaletteMarigoldBackground3);}", ".f1rnrfqa{border-left-color:var(--colorPaletteMarigoldBackground3);}", ".fb8zvtn{border-bottom-color:var(--colorPaletteMarigoldBackground3);}", ".f1og3d8b{background-color:var(--colorPaletteLightGreenForeground3);}", ".f1t9i9vy{border-top-color:var(--colorPaletteLightGreenForeground3);}", ".f1r5awo9{border-right-color:var(--colorPaletteLightGreenForeground3);}", ".fnfhfy0{border-left-color:var(--colorPaletteLightGreenForeground3);}", ".fgfkvtu{border-bottom-color:var(--colorPaletteLightGreenForeground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fi2z7s6{border-top-color:var(--colorNeutralForeground3);}", ".f1agc6it{border-right-color:var(--colorNeutralForeground3);}", ".f1sit5hz{border-left-color:var(--colorNeutralForeground3);}", ".f9pok3v{border-bottom-color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".f161shwc{border-top-color:var(--colorPaletteBerryForeground3);}", ".fbde6ui{border-right-color:var(--colorPaletteBerryForeground3);}", ".f7rrh46{border-left-color:var(--colorPaletteBerryForeground3);}", ".f1yt3bcc{border-bottom-color:var(--colorPaletteBerryForeground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}"]
77
+ "d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fb8jth9 span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqgqgel{border-bottom-right-radius:50%;}", ".fchfifz{border-bottom-left-radius:50%;}", ".fc7b1hi{border-top-right-radius:50%;}", ".f1dpx5h9{border-top-left-radius:50%;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".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;}"]
80
78
  });
81
79
  /**
82
80
  * Applies style classnames to slots
83
81
  */
84
82
 
85
83
 
86
- var usePresenceBadgeStyles = function (state) {
87
- var styles = useStyles();
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);
89
- return Badge_1.useBadgeStyles(state);
84
+ const usePresenceBadgeStyles_unstable = state => {
85
+ const styles = useStyles();
86
+ state.root.className = react_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.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
87
+ return state;
90
88
  };
91
89
 
92
- exports.usePresenceBadgeStyles = usePresenceBadgeStyles;
90
+ exports.usePresenceBadgeStyles_unstable = usePresenceBadgeStyles_unstable;
93
91
  //# sourceMappingURL=usePresenceBadgeStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AAGA,IAAM,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,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAFlD,EAGrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHb,EAIrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJlB,EAKrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALhB,EAMrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANpB,EAOrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPP,EAQrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBARvC,EASrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eATvE,EAUrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAVlC,EAWrB,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAX7C,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAeA,SAAO,OAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,OAAA,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,EAAlB;AAuEA;;AAEG;;;AACI,MAAM,+BAA+B,GAAI,KAAD,IAAkD;AAC/F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,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,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZrC,EAarB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAbzC,EAcrB,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdX,EAerB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfZ,EAgBrB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBlB,EAiBrB,KAAK,CAAC,IAAN,CAAW,SAjBU,CAAvB;AAoBA,SAAO,KAAP;AACD,CAvBM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceBadgeClassName = 'fui-PresenceBadge';\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.padding(0),\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n '& span': {\n display: 'flex',\n },\n ...shorthands.borderRadius('50%'),\n backgroundColor: tokens.colorNeutralBackground1,\n },\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 outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeAway: {\n color: tokens.colorPaletteMarigoldBackground3,\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 styles = useStyles();\n state.root.className = mergeClasses(\n presenceBadgeClassName,\n styles.root,\n (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'outOfOffice' && styles.statusOutOfOffice,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,\n state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice,\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 return state;\n};\n"],"sourceRoot":"../src/"}
@@ -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
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Badge/index';\nexport * from './Badge';\nexport * from './PresenceBadge';\nexport * from './components/CounterBadge/index';\nexport * from './CounterBadge';\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-badge",
3
- "version": "9.0.0-nightly.b5b7401007.0",
3
+ "version": "9.0.0-rc.3",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,17 +19,16 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
- "test": "jest",
22
+ "test": "jest --passWithNoTests",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-badge/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-badge/src && yarn docs",
25
+ "storybook": "node ../../scripts/storybook/runner",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-nightly.b5b7401007.0",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.b5b7401007.0",
31
30
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-nightly.b5b7401007.0",
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.3",
33
32
  "@fluentui/scripts": "^1.0.0",
34
33
  "@types/enzyme": "3.10.3",
35
34
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,19 +42,19 @@
43
42
  "react-test-renderer": "^16.3.0"
44
43
  },
45
44
  "dependencies": {
46
- "@fluentui/react-make-styles": "9.0.0-nightly.b5b7401007.0",
47
- "@fluentui/react-theme": "9.0.0-nightly.b5b7401007.0",
48
- "@fluentui/react-utilities": "9.0.0-nightly.b5b7401007.0",
45
+ "@fluentui/react-icons": "^2.0.159-beta.10",
46
+ "@griffel/react": "1.0.0",
47
+ "@fluentui/react-theme": "9.0.0-rc.3",
48
+ "@fluentui/react-utilities": "9.0.0-rc.3",
49
49
  "tslib": "^2.1.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@types/react": ">=16.8.0 <17.0.0",
53
- "@types/react-dom": ">=16.8.0 <17.0.0",
54
- "react": ">=16.8.0 <17.0.0",
55
- "react-dom": ">=16.8.0 <17.0.0"
52
+ "@types/react": ">=16.8.0 <18.0.0",
53
+ "@types/react-dom": ">=16.8.0 <18.0.0",
54
+ "react": ">=16.8.0 <18.0.0",
55
+ "react-dom": ">=16.8.0 <18.0.0"
56
56
  },
57
57
  "beachball": {
58
- "tag": "beta",
59
58
  "disallowedChangeTypes": [
60
59
  "major",
61
60
  "minor",
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,13 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- var defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- // https://github.com/microsoft/fluentui/issues/19522
8
- skipAsPropTests: true,
9
- extraTests: makeStylesTests
10
- };
11
- baseIsConformant(defaultOptions, testInfo);
12
- }
13
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;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;AAL+C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- export declare const renderIcon: (SVGElement: (props: {
3
- svgClasses: string;
4
- }) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
5
- declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
6
- declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
7
- declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
8
- declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
9
- declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
10
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
@@ -1,111 +0,0 @@
1
- import { __assign } from "tslib";
2
- import { mergeClasses, __styles } from '@fluentui/react-make-styles';
3
- import { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';
4
- import * as React from 'react';
5
-
6
- var useStyles = /*#__PURE__*/__styles({
7
- "root": {
8
- "mc9l5x": "f14t3ns0",
9
- "ha4doy": "fmrv4ls",
10
- "fb3t49": "fdgdznj",
11
- "a9b677": "fhson10",
12
- "Bqenvij": "f1un31zh"
13
- },
14
- "svg": {
15
- "Bqenvij": "f1l02sjl",
16
- "Bkfmm31": "f1w9h62z",
17
- "ha4doy": "f12kltsn"
18
- }
19
- }, {
20
- "d": [".f14t3ns0{display:inline-block;}", ".fmrv4ls{vertical-align:middle;}", ".fdgdznj{speak:none;}", ".fhson10{width:1em;}", ".f1un31zh{height:1em;}", ".f1l02sjl{height:100%;}", ".f1w9h62z{fill:currentColor;}", ".f12kltsn{vertical-align:top;}"]
21
- }); //
22
- // !!! A temporary workaround to avoid dependencies on any icon packages.
23
- // !!! A usage of converged icon package should be considered.
24
- //
25
-
26
-
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;
37
- return {
38
- containerProps: containerProps,
39
- nativeProps: nativeProps,
40
- rootClasses: rootClasses,
41
- svgClasses: svgClasses
42
- };
43
- };
44
-
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"
67
- }));
68
- });
69
- 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
- });
79
- 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
- });
89
- 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
- });
99
- 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
- });
109
- CancelIcon.displayName = 'CancelIcon';
110
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
111
- //# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- var defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- // https://github.com/microsoft/fluentui/issues/19522
17
- skipAsPropTests: true,
18
- extraTests: react_conformance_make_styles_1.default
19
- };
20
- react_conformance_1.isConformant(defaultOptions, testInfo);
21
- }
22
-
23
- exports.isConformant = isConformant;
24
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
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,10 +0,0 @@
1
- import * as React from 'react';
2
- export declare const renderIcon: (SVGElement: (props: {
3
- svgClasses: string;
4
- }) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
5
- declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
6
- declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
7
- declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
8
- declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
9
- declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
10
- export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };