@fluentui/react-badge 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +672 -18
- package/CHANGELOG.md +274 -103
- package/dist/index.d.ts +157 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/Badge.js.map +1 -1
- package/lib/CounterBadge.js.map +1 -1
- package/lib/PresenceBadge.js.map +1 -1
- package/lib/components/Badge/Badge.js +8 -8
- package/lib/components/Badge/Badge.js.map +1 -1
- package/lib/components/Badge/Badge.types.js.map +1 -1
- package/lib/components/Badge/index.js +0 -1
- package/lib/components/Badge/index.js.map +1 -1
- package/lib/components/Badge/renderBadge.js +9 -7
- package/lib/components/Badge/renderBadge.js.map +1 -1
- package/lib/components/Badge/useBadge.js +18 -22
- package/lib/components/Badge/useBadge.js.map +1 -1
- package/lib/components/Badge/useBadgeStyles.js +213 -203
- package/lib/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.js +8 -8
- package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
- package/lib/components/CounterBadge/index.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadge.js +18 -25
- package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +18 -40
- package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.js +8 -8
- package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
- package/lib/components/PresenceBadge/index.js.map +1 -1
- package/lib/components/PresenceBadge/presenceIcons.js +128 -0
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib/components/PresenceBadge/usePresenceBadge.js +52 -26
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +60 -46
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib/index.js +3 -5
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Badge.js +1 -1
- package/lib-commonjs/Badge.js.map +1 -1
- package/lib-commonjs/CounterBadge.js +1 -1
- package/lib-commonjs/CounterBadge.js.map +1 -1
- package/lib-commonjs/PresenceBadge.js +1 -1
- package/lib-commonjs/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.js +9 -9
- package/lib-commonjs/components/Badge/Badge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
- package/lib-commonjs/components/Badge/index.js +1 -3
- package/lib-commonjs/components/Badge/index.js.map +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +13 -12
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadge.js +21 -26
- package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +217 -205
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js +9 -9
- package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/index.js +1 -1
- package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js +20 -28
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +21 -42
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +9 -9
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +54 -29
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +63 -48
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/index.js +82 -6
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +23 -27
- package/dist/react-badge.d.ts +0 -154
- package/lib/Badge.d.ts +0 -1
- package/lib/CounterBadge.d.ts +0 -1
- package/lib/PresenceBadge.d.ts +0 -1
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -13
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/Badge/Badge.d.ts +0 -6
- package/lib/components/Badge/Badge.types.d.ts +0 -35
- package/lib/components/Badge/index.d.ts +0 -5
- package/lib/components/Badge/renderBadge.d.ts +0 -2
- package/lib/components/Badge/useBadge.d.ts +0 -6
- package/lib/components/Badge/useBadgeStyles.d.ts +0 -5
- package/lib/components/CounterBadge/CounterBadge.d.ts +0 -6
- package/lib/components/CounterBadge/CounterBadge.types.d.ts +0 -41
- package/lib/components/CounterBadge/index.d.ts +0 -4
- package/lib/components/CounterBadge/useCounterBadge.d.ts +0 -6
- package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +0 -5
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -111
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
- package/lib/components/PresenceBadge/PresenceBadge.d.ts +0 -6
- package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +0 -17
- package/lib/components/PresenceBadge/index.d.ts +0 -4
- package/lib/components/PresenceBadge/usePresenceBadge.d.ts +0 -6
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +0 -5
- package/lib/index.d.ts +0 -5
- package/lib-commonjs/Badge.d.ts +0 -1
- package/lib-commonjs/CounterBadge.d.ts +0 -1
- package/lib-commonjs/PresenceBadge.d.ts +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -24
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/Badge/Badge.d.ts +0 -6
- package/lib-commonjs/components/Badge/Badge.types.d.ts +0 -35
- package/lib-commonjs/components/Badge/index.d.ts +0 -5
- package/lib-commonjs/components/Badge/renderBadge.d.ts +0 -2
- package/lib-commonjs/components/Badge/useBadge.d.ts +0 -6
- package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +0 -5
- package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts +0 -6
- package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +0 -41
- package/lib-commonjs/components/CounterBadge/index.d.ts +0 -4
- package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts +0 -6
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +0 -5
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -127
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts +0 -6
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +0 -17
- package/lib-commonjs/components/PresenceBadge/index.d.ts +0 -4
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts +0 -6
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +0 -5
- package/lib-commonjs/index.d.ts +0 -5
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { CounterBadgeProps } from './CounterBadge.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Define a styled CounterBadge, using the `useCounterBadge` hook.
|
5
|
-
*/
|
6
|
-
export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
export declare type CounterBadgeCommons = {
|
3
|
-
/**
|
4
|
-
* Max number to be displayed
|
5
|
-
* @default 99
|
6
|
-
*/
|
7
|
-
overflowCount: number;
|
8
|
-
/**
|
9
|
-
* Value displayed by the Badge
|
10
|
-
* @default 0
|
11
|
-
*/
|
12
|
-
count: number;
|
13
|
-
/**
|
14
|
-
* If the badge should be shown when count is 0
|
15
|
-
* @default false
|
16
|
-
*/
|
17
|
-
showZero: boolean;
|
18
|
-
/**
|
19
|
-
* If a dot should be displayed without the count
|
20
|
-
* @default false
|
21
|
-
*/
|
22
|
-
dot: boolean;
|
23
|
-
/**
|
24
|
-
* A Badge can be circular or rounded
|
25
|
-
* @default circular
|
26
|
-
*/
|
27
|
-
shape: 'circular' | 'rounded';
|
28
|
-
/**
|
29
|
-
* A Badge can be filled, ghost
|
30
|
-
* @default filled
|
31
|
-
*/
|
32
|
-
appearance: 'filled' | 'ghost';
|
33
|
-
};
|
34
|
-
/**
|
35
|
-
* {@docCategory CounterBadge}
|
36
|
-
*/
|
37
|
-
export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
|
38
|
-
/**
|
39
|
-
* {@docCategory CounterBadge}
|
40
|
-
*/
|
41
|
-
export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
|
3
|
-
/**
|
4
|
-
* Returns the props and state required to render the component
|
5
|
-
*/
|
6
|
-
export declare const useCounterBadge: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;
|
@@ -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,6 +0,0 @@
|
|
1
|
-
import type { PresenceBadgeProps } from './PresenceBadge.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Define a styled Badge, using the `useBadge` hook.
|
5
|
-
*/
|
6
|
-
export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
3
|
-
export interface PresenceBadgeCommons {
|
4
|
-
/**
|
5
|
-
* Represents several status
|
6
|
-
* @default available
|
7
|
-
*/
|
8
|
-
status: PresenceBadgeStatus;
|
9
|
-
/**
|
10
|
-
* Modifies the display to indicate that the user is out of office.
|
11
|
-
* This can be combined with any status to display an out-of-office version of that status
|
12
|
-
* @default false
|
13
|
-
*/
|
14
|
-
outOfOffice: boolean;
|
15
|
-
}
|
16
|
-
export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
|
17
|
-
export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
|
3
|
-
/**
|
4
|
-
* Returns the props and state required to render the component
|
5
|
-
*/
|
6
|
-
export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;
|
package/lib/index.d.ts
DELETED
package/lib-commonjs/Badge.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Badge/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/CounterBadge/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/PresenceBadge/index';
|
@@ -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,35 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ComponentProps, ComponentState, ObjectShorthandProps } from '@fluentui/react-utilities';
|
3
|
-
export declare type BadgeSlots = {
|
4
|
-
root: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
|
5
|
-
icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
|
6
|
-
};
|
7
|
-
export declare type BadgeCommons = {
|
8
|
-
/**
|
9
|
-
* A Badge can be filled, outline, ghost, inverted
|
10
|
-
* @defaultvalue filled
|
11
|
-
*/
|
12
|
-
appearance: 'filled' | 'ghost' | 'outline' | 'tint';
|
13
|
-
/**
|
14
|
-
* A Badge can be one of preset colors
|
15
|
-
* @defaultvalue brand
|
16
|
-
*/
|
17
|
-
color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
|
18
|
-
/**
|
19
|
-
* A Badge can position the icon before or after the content.
|
20
|
-
* @defaultvalue before
|
21
|
-
*/
|
22
|
-
iconPosition: 'before' | 'after';
|
23
|
-
/**
|
24
|
-
* A Badge can be square, circular or rounded.
|
25
|
-
* @defaultvalue circular
|
26
|
-
*/
|
27
|
-
shape: 'circular' | 'rounded' | 'square';
|
28
|
-
/**
|
29
|
-
* A Badge can be on of several preset sizes.
|
30
|
-
* @defaultvalue medium
|
31
|
-
*/
|
32
|
-
size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
33
|
-
};
|
34
|
-
export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
|
35
|
-
export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { CounterBadgeProps } from './CounterBadge.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Define a styled CounterBadge, using the `useCounterBadge` hook.
|
5
|
-
*/
|
6
|
-
export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
|
@@ -1,41 +0,0 @@
|
|
1
|
-
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
export declare type CounterBadgeCommons = {
|
3
|
-
/**
|
4
|
-
* Max number to be displayed
|
5
|
-
* @default 99
|
6
|
-
*/
|
7
|
-
overflowCount: number;
|
8
|
-
/**
|
9
|
-
* Value displayed by the Badge
|
10
|
-
* @default 0
|
11
|
-
*/
|
12
|
-
count: number;
|
13
|
-
/**
|
14
|
-
* If the badge should be shown when count is 0
|
15
|
-
* @default false
|
16
|
-
*/
|
17
|
-
showZero: boolean;
|
18
|
-
/**
|
19
|
-
* If a dot should be displayed without the count
|
20
|
-
* @default false
|
21
|
-
*/
|
22
|
-
dot: boolean;
|
23
|
-
/**
|
24
|
-
* A Badge can be circular or rounded
|
25
|
-
* @default circular
|
26
|
-
*/
|
27
|
-
shape: 'circular' | 'rounded';
|
28
|
-
/**
|
29
|
-
* A Badge can be filled, ghost
|
30
|
-
* @default filled
|
31
|
-
*/
|
32
|
-
appearance: 'filled' | 'ghost';
|
33
|
-
};
|
34
|
-
/**
|
35
|
-
* {@docCategory CounterBadge}
|
36
|
-
*/
|
37
|
-
export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
|
38
|
-
/**
|
39
|
-
* {@docCategory CounterBadge}
|
40
|
-
*/
|
41
|
-
export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
|
3
|
-
/**
|
4
|
-
* Returns the props and state required to render the component
|
5
|
-
*/
|
6
|
-
export declare const useCounterBadge: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;
|
@@ -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,127 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CancelIcon = exports.SkypeArrowIcon = exports.SkypeCheckIcon = exports.SkypeClockIcon = exports.SkypeMinusIcon = exports.renderIcon = void 0;
|
7
|
-
|
8
|
-
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
-
|
10
|
-
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
11
|
-
|
12
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
13
|
-
|
14
|
-
var React = /*#__PURE__*/require("react");
|
15
|
-
|
16
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
17
|
-
"root": {
|
18
|
-
"mc9l5x": "f14t3ns0",
|
19
|
-
"ha4doy": "fmrv4ls",
|
20
|
-
"fb3t49": "fdgdznj",
|
21
|
-
"a9b677": "fhson10",
|
22
|
-
"Bqenvij": "f1un31zh"
|
23
|
-
},
|
24
|
-
"svg": {
|
25
|
-
"Bqenvij": "f1l02sjl",
|
26
|
-
"Bkfmm31": "f1w9h62z",
|
27
|
-
"ha4doy": "f12kltsn"
|
28
|
-
}
|
29
|
-
}, {
|
30
|
-
"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;}"]
|
31
|
-
}); //
|
32
|
-
// !!! A temporary workaround to avoid dependencies on any icon packages.
|
33
|
-
// !!! A usage of converged icon package should be considered.
|
34
|
-
//
|
35
|
-
|
36
|
-
|
37
|
-
var useIconProps = function (props) {
|
38
|
-
var _a;
|
39
|
-
|
40
|
-
var containerProps = props['aria-label'] ? {} : (_a = {
|
41
|
-
role: 'presentation'
|
42
|
-
}, _a['aria-hidden'] = true, _a);
|
43
|
-
var nativeProps = react_utilities_1.getNativeProps(props, react_utilities_1.htmlElementProperties);
|
44
|
-
var styles = useStyles();
|
45
|
-
var rootClasses = styles.root;
|
46
|
-
var svgClasses = styles.svg;
|
47
|
-
return {
|
48
|
-
containerProps: containerProps,
|
49
|
-
nativeProps: nativeProps,
|
50
|
-
rootClasses: rootClasses,
|
51
|
-
svgClasses: svgClasses
|
52
|
-
};
|
53
|
-
};
|
54
|
-
|
55
|
-
var renderIcon = function (SVGElement) {
|
56
|
-
return function (props) {
|
57
|
-
var _a = useIconProps(props),
|
58
|
-
containerProps = _a.containerProps,
|
59
|
-
nativeProps = _a.nativeProps,
|
60
|
-
rootClasses = _a.rootClasses,
|
61
|
-
svgClasses = _a.svgClasses;
|
62
|
-
|
63
|
-
return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), {
|
64
|
-
className: react_make_styles_1.mergeClasses(rootClasses, props.className)
|
65
|
-
}), React.createElement(SVGElement, {
|
66
|
-
svgClasses: svgClasses
|
67
|
-
}));
|
68
|
-
};
|
69
|
-
};
|
70
|
-
|
71
|
-
exports.renderIcon = renderIcon;
|
72
|
-
var SkypeMinusIcon = /*#__PURE__*/exports.renderIcon(function (props) {
|
73
|
-
return React.createElement("svg", {
|
74
|
-
xmlns: "http://www.w3.org/2000/svg",
|
75
|
-
viewBox: "0 0 2048 2048",
|
76
|
-
className: props.svgClasses
|
77
|
-
}, React.createElement("path", {
|
78
|
-
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"
|
79
|
-
}));
|
80
|
-
});
|
81
|
-
exports.SkypeMinusIcon = SkypeMinusIcon;
|
82
|
-
SkypeMinusIcon.displayName = 'SkypeMinusIcon';
|
83
|
-
var SkypeClockIcon = /*#__PURE__*/exports.renderIcon(function (props) {
|
84
|
-
return React.createElement("svg", {
|
85
|
-
xmlns: "http://www.w3.org/2000/svg",
|
86
|
-
viewBox: "0 0 2048 2048",
|
87
|
-
className: props.svgClasses
|
88
|
-
}, React.createElement("path", {
|
89
|
-
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"
|
90
|
-
}));
|
91
|
-
});
|
92
|
-
exports.SkypeClockIcon = SkypeClockIcon;
|
93
|
-
SkypeClockIcon.displayName = 'SkypeClockIcon';
|
94
|
-
var SkypeCheckIcon = /*#__PURE__*/exports.renderIcon(function (props) {
|
95
|
-
return 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: "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"
|
101
|
-
}));
|
102
|
-
});
|
103
|
-
exports.SkypeCheckIcon = SkypeCheckIcon;
|
104
|
-
SkypeCheckIcon.displayName = 'SkypeCheckIcon';
|
105
|
-
var SkypeArrowIcon = /*#__PURE__*/exports.renderIcon(function (props) {
|
106
|
-
return React.createElement("svg", {
|
107
|
-
xmlns: "http://www.w3.org/2000/svg",
|
108
|
-
viewBox: "0 0 2048 2048",
|
109
|
-
className: props.svgClasses
|
110
|
-
}, React.createElement("path", {
|
111
|
-
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"
|
112
|
-
}));
|
113
|
-
});
|
114
|
-
exports.SkypeArrowIcon = SkypeArrowIcon;
|
115
|
-
SkypeArrowIcon.displayName = 'SkypeArrowIcon';
|
116
|
-
var CancelIcon = /*#__PURE__*/exports.renderIcon(function (props) {
|
117
|
-
return React.createElement("svg", {
|
118
|
-
xmlns: "http://www.w3.org/2000/svg",
|
119
|
-
viewBox: "0 0 2048 2048",
|
120
|
-
className: props.svgClasses
|
121
|
-
}, React.createElement("path", {
|
122
|
-
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"
|
123
|
-
}));
|
124
|
-
});
|
125
|
-
exports.CancelIcon = CancelIcon;
|
126
|
-
CancelIcon.displayName = 'CancelIcon';
|
127
|
-
//# sourceMappingURL=DefaultPresenceBadgeIcons.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { PresenceBadgeProps } from './PresenceBadge.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Define a styled Badge, using the `useBadge` hook.
|
5
|
-
*/
|
6
|
-
export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import type { BadgeProps, BadgeState } from '../Badge/index';
|
2
|
-
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
3
|
-
export interface PresenceBadgeCommons {
|
4
|
-
/**
|
5
|
-
* Represents several status
|
6
|
-
* @default available
|
7
|
-
*/
|
8
|
-
status: PresenceBadgeStatus;
|
9
|
-
/**
|
10
|
-
* Modifies the display to indicate that the user is out of office.
|
11
|
-
* This can be combined with any status to display an out-of-office version of that status
|
12
|
-
* @default false
|
13
|
-
*/
|
14
|
-
outOfOffice: boolean;
|
15
|
-
}
|
16
|
-
export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
|
17
|
-
export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
|
3
|
-
/**
|
4
|
-
* Returns the props and state required to render the component
|
5
|
-
*/
|
6
|
-
export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;
|