@fluentui/react-label 9.0.0-alpha.4 → 9.0.0-alpha.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +956 -1
- package/CHANGELOG.md +388 -2
- package/MIGRATION.md +25 -0
- package/README.md +22 -0
- package/Spec.md +146 -34
- package/dist/react-label.d.ts +42 -9
- package/lib/Label.js.map +1 -1
- package/lib/common/isConformant.d.ts +1 -1
- package/lib/common/isConformant.js +7 -5
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Label/Label.d.ts +6 -2
- package/lib/components/Label/Label.js +5 -4
- package/lib/components/Label/Label.js.map +1 -1
- package/lib/components/Label/Label.types.d.ts +32 -7
- package/lib/components/Label/Label.types.js.map +1 -1
- package/lib/components/Label/index.js.map +1 -1
- package/lib/components/Label/renderLabel.d.ts +1 -1
- package/lib/components/Label/renderLabel.js +7 -3
- package/lib/components/Label/renderLabel.js.map +1 -1
- package/lib/components/Label/useLabel.d.ts +2 -1
- package/lib/components/Label/useLabel.js +43 -8
- package/lib/components/Label/useLabel.js.map +1 -1
- package/lib/components/Label/useLabelStyles.d.ts +1 -1
- package/lib/components/Label/useLabelStyles.js +43 -11
- package/lib/components/Label/useLabelStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/tsdoc-metadata.json +1 -1
- package/lib-commonjs/Label.js +7 -2
- package/lib-commonjs/Label.js.map +1 -1
- package/lib-commonjs/common/isConformant.d.ts +1 -1
- package/lib-commonjs/common/isConformant.js +16 -7
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Label/Label.d.ts +6 -2
- package/lib-commonjs/components/Label/Label.js +18 -9
- package/lib-commonjs/components/Label/Label.js.map +1 -1
- package/lib-commonjs/components/Label/Label.types.d.ts +32 -7
- package/lib-commonjs/components/Label/Label.types.js +4 -1
- package/lib-commonjs/components/Label/Label.types.js.map +1 -1
- package/lib-commonjs/components/Label/index.js +11 -2
- package/lib-commonjs/components/Label/index.js.map +1 -1
- package/lib-commonjs/components/Label/renderLabel.d.ts +1 -1
- package/lib-commonjs/components/Label/renderLabel.js +20 -7
- package/lib-commonjs/components/Label/renderLabel.js.map +1 -1
- package/lib-commonjs/components/Label/useLabel.d.ts +2 -1
- package/lib-commonjs/components/Label/useLabel.js +52 -10
- package/lib-commonjs/components/Label/useLabel.js.map +1 -1
- package/lib-commonjs/components/Label/useLabelStyles.d.ts +1 -1
- package/lib-commonjs/components/Label/useLabelStyles.js +50 -12
- package/lib-commonjs/components/Label/useLabelStyles.js.map +1 -1
- package/lib-commonjs/index.js +7 -2
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +14 -10
- package/config/api-extractor.json +0 -3
- package/config/tests.js +0 -7
- package/etc/react-label.api.md +0 -44
- package/just.config.ts +0 -3
- package/lib-amd/Label.d.ts +0 -1
- package/lib-amd/Label.js +0 -6
- package/lib-amd/Label.js.map +0 -1
- package/lib-amd/common/isConformant.d.ts +0 -4
- package/lib-amd/common/isConformant.js +0 -14
- package/lib-amd/common/isConformant.js.map +0 -1
- package/lib-amd/components/Label/Label.d.ts +0 -6
- package/lib-amd/components/Label/Label.js +0 -15
- package/lib-amd/components/Label/Label.js.map +0 -1
- package/lib-amd/components/Label/Label.types.d.ts +0 -24
- package/lib-amd/components/Label/Label.types.js +0 -5
- package/lib-amd/components/Label/Label.types.js.map +0 -1
- package/lib-amd/components/Label/index.d.ts +0 -5
- package/lib-amd/components/Label/index.js +0 -10
- package/lib-amd/components/Label/index.js.map +0 -1
- package/lib-amd/components/Label/renderLabel.d.ts +0 -5
- package/lib-amd/components/Label/renderLabel.js +0 -14
- package/lib-amd/components/Label/renderLabel.js.map +0 -1
- package/lib-amd/components/Label/useLabel.d.ts +0 -17
- package/lib-amd/components/Label/useLabel.js +0 -30
- package/lib-amd/components/Label/useLabel.js.map +0 -1
- package/lib-amd/components/Label/useLabelStyles.d.ts +0 -5
- package/lib-amd/components/Label/useLabelStyles.js +0 -25
- package/lib-amd/components/Label/useLabelStyles.js.map +0 -1
- package/lib-amd/index.d.ts +0 -2
- package/lib-amd/index.js +0 -6
- package/lib-amd/index.js.map +0 -1
- package/src/components/Label/Label.types.ts +0 -33
@@ -1,24 +1,49 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import {
|
2
|
+
import type { ComponentPropsCompat, ComponentStateCompat, ObjectShorthandPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
|
3
3
|
/**
|
4
4
|
* Label Props
|
5
5
|
*/
|
6
|
-
export
|
7
|
-
|
6
|
+
export declare type LabelProps = ComponentPropsCompat & React.LabelHTMLAttributes<HTMLLabelElement> & {
|
7
|
+
/**
|
8
|
+
* Renders the label as disabled
|
9
|
+
* @defaultvalue false
|
10
|
+
*/
|
11
|
+
disabled?: boolean;
|
12
|
+
/**
|
13
|
+
* Displays and indicator that the label is for a required field. The required prop can be set to true to display
|
14
|
+
* an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
|
15
|
+
* @defaultvalue false
|
16
|
+
*/
|
17
|
+
required?: boolean | ShorthandPropsCompat<ComponentPropsCompat>;
|
18
|
+
/**
|
19
|
+
* A label supports different sizes.
|
20
|
+
* @defaultvalue 'medium'
|
21
|
+
*/
|
22
|
+
size?: 'small' | 'medium' | 'large';
|
23
|
+
/**
|
24
|
+
* A label supports semibold/strong fontweight.
|
25
|
+
* @defaultvalue false
|
26
|
+
*/
|
27
|
+
strong?: boolean;
|
28
|
+
};
|
8
29
|
/**
|
9
30
|
* Names of the shorthand properties in LabelProps
|
10
31
|
*/
|
11
|
-
export declare type LabelShorthandProps =
|
32
|
+
export declare type LabelShorthandProps = 'required';
|
12
33
|
/**
|
13
34
|
* Names of LabelProps that have a default value in useLabel
|
14
35
|
*/
|
15
|
-
export declare type LabelDefaultedProps =
|
36
|
+
export declare type LabelDefaultedProps = 'size';
|
16
37
|
/**
|
17
38
|
* State used in rendering Label
|
18
39
|
*/
|
19
|
-
export
|
40
|
+
export declare type LabelState = ComponentStateCompat<LabelProps, LabelShorthandProps, LabelDefaultedProps> & {
|
20
41
|
/**
|
21
42
|
* Ref to the root element
|
22
43
|
*/
|
23
44
|
ref: React.Ref<HTMLElement>;
|
24
|
-
|
45
|
+
/**
|
46
|
+
* The required prop resolved to a slot object
|
47
|
+
*/
|
48
|
+
required?: ObjectShorthandPropsCompat<ComponentPropsCompat>;
|
49
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
|
@@ -1,9 +1,18 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
+
|
4
9
|
tslib_1.__exportStar(require("./Label"), exports);
|
10
|
+
|
5
11
|
tslib_1.__exportStar(require("./Label.types"), exports);
|
12
|
+
|
6
13
|
tslib_1.__exportStar(require("./renderLabel"), exports);
|
14
|
+
|
7
15
|
tslib_1.__exportStar(require("./useLabel"), exports);
|
16
|
+
|
8
17
|
tslib_1.__exportStar(require("./useLabelStyles"), exports);
|
9
18
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,16 +1,29 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.renderLabel = void 0;
|
4
|
-
|
5
|
-
var
|
6
|
-
|
7
|
-
var
|
7
|
+
|
8
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
+
|
10
|
+
var React = /*#__PURE__*/require("react");
|
11
|
+
|
12
|
+
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
13
|
+
|
14
|
+
var useLabel_1 = /*#__PURE__*/require("./useLabel");
|
8
15
|
/**
|
9
16
|
* Render the final JSX of Label
|
10
17
|
*/
|
18
|
+
|
19
|
+
|
11
20
|
var renderLabel = function (state) {
|
12
|
-
|
13
|
-
|
21
|
+
var _a = react_utilities_1.getSlotsCompat(state, useLabel_1.labelShorthandProps),
|
22
|
+
slots = _a.slots,
|
23
|
+
slotProps = _a.slotProps;
|
24
|
+
|
25
|
+
return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children, state.required && React.createElement(slots.required, tslib_1.__assign({}, slotProps.required)));
|
14
26
|
};
|
27
|
+
|
15
28
|
exports.renderLabel = renderLabel;
|
16
29
|
//# sourceMappingURL=renderLabel.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,UAAA,CAAA,mBAAtB,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,QADT,EAEG,KAAK,CAAC,QAAN,IAAkB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,QAAf,CAAf,CAFrB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import { LabelProps, LabelShorthandProps, LabelState } from './Label.types';
|
2
|
+
import type { LabelProps, LabelShorthandProps, LabelState } from './Label.types';
|
3
3
|
/**
|
4
4
|
* Array of all shorthand properties listed in LabelShorthandProps
|
5
|
+
* {@docCatergory Label}
|
5
6
|
*/
|
6
7
|
export declare const labelShorthandProps: LabelShorthandProps[];
|
7
8
|
/**
|
@@ -1,14 +1,23 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.useLabel = exports.labelShorthandProps = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
+
|
10
|
+
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
5
11
|
/**
|
6
12
|
* Array of all shorthand properties listed in LabelShorthandProps
|
13
|
+
* {@docCatergory Label}
|
7
14
|
*/
|
8
|
-
|
9
|
-
|
10
|
-
];
|
11
|
-
var mergeProps = react_utilities_1.makeMergeProps({
|
15
|
+
|
16
|
+
|
17
|
+
exports.labelShorthandProps = ['required'];
|
18
|
+
var mergeProps = /*#__PURE__*/react_utilities_1.makeMergeProps({
|
19
|
+
deepMerge: exports.labelShorthandProps
|
20
|
+
});
|
12
21
|
/**
|
13
22
|
* Create the state required to render Label.
|
14
23
|
*
|
@@ -19,11 +28,44 @@ var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.labelShor
|
|
19
28
|
* @param ref - reference to root HTMLElement of Label
|
20
29
|
* @param defaultProps - (optional) default prop values provided by the implementing type
|
21
30
|
*/
|
31
|
+
|
22
32
|
var useLabel = function (props, ref, defaultProps) {
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
33
|
+
var state = mergeProps({
|
34
|
+
ref: ref,
|
35
|
+
as: 'label',
|
36
|
+
size: 'medium',
|
37
|
+
required: {
|
38
|
+
as: 'span'
|
39
|
+
}
|
40
|
+
}, defaultProps && resolveLabelShorthandProps(defaultProps), resolveLabelShorthandProps(props));
|
41
|
+
return state;
|
27
42
|
};
|
43
|
+
|
28
44
|
exports.useLabel = useLabel;
|
45
|
+
/**
|
46
|
+
* Label will first need to check if required is a boolean or shorthandprops,
|
47
|
+
* this allows for the required prop to handle both the default asterisk for required
|
48
|
+
* or a custom required text.
|
49
|
+
*/
|
50
|
+
|
51
|
+
var resolveLabelShorthandProps = function (props) {
|
52
|
+
var propsNormalized;
|
53
|
+
|
54
|
+
if (props.required === true) {
|
55
|
+
propsNormalized = tslib_1.__assign(tslib_1.__assign({}, props), {
|
56
|
+
required: {
|
57
|
+
children: '*'
|
58
|
+
}
|
59
|
+
});
|
60
|
+
} else if (props.required === false) {
|
61
|
+
propsNormalized = tslib_1.__assign(tslib_1.__assign({}, props), {
|
62
|
+
required: undefined
|
63
|
+
});
|
64
|
+
} else {
|
65
|
+
// TypeScript needs a nudge to figure out that props.required won't be a boolean here
|
66
|
+
propsNormalized = props;
|
67
|
+
}
|
68
|
+
|
69
|
+
return react_utilities_1.resolveShorthandProps(propsNormalized, exports.labelShorthandProps);
|
70
|
+
};
|
29
71
|
//# sourceMappingURL=useLabel.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Label/useLabel.tsx"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACU,OAAA,CAAA,mBAAA,GAA6C,CAAC,UAAD,CAA7C;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAA2B;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAA3B,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAiD,YAAjD,EAA0E;AAChG,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,EAAE,EAAE,OAFN;AAGE,IAAA,IAAI,EAAE,QAHR;AAIE,IAAA,QAAQ,EAAE;AACR,MAAA,EAAE,EAAE;AADI;AAJZ,GADsB,EAStB,YAAY,IAAI,0BAA0B,CAAC,YAAD,CATpB,EAUtB,0BAA0B,CAAC,KAAD,CAVJ,CAAxB;AAaA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR;AAiBb;;;;AAIG;;AACH,IAAM,0BAA0B,GAAG,UAAC,KAAD,EAAkB;AACnD,MAAI,eAAJ;;AACA,MAAI,KAAK,CAAC,QAAN,KAAmB,IAAvB,EAA6B;AAC3B,IAAA,eAAe,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAQ,KAAR,CAAA,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAE,QAAA,QAAQ,EAAE;AAAZ;AAAZ,KAAb,CAAf;AACD,GAFD,MAEO,IAAI,KAAK,CAAC,QAAN,KAAmB,KAAvB,EAA8B;AACnC,IAAA,eAAe,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAQ,KAAR,CAAA,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAb,CAAf;AACD,GAFM,MAEA;AACL;AACA,IAAA,eAAe,GAAG,KAAlB;AACD;;AAED,SAAO,iBAAA,CAAA,qBAAA,CAAsB,eAAtB,EAAuC,OAAA,CAAA,mBAAvC,CAAP;AACD,CAZD","sourceRoot":""}
|
@@ -1,24 +1,62 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.useLabelStyles = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
5
9
|
/**
|
6
|
-
* Styles for the
|
10
|
+
* Styles for the label
|
7
11
|
*/
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
+
|
13
|
+
|
14
|
+
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
|
+
"root": {
|
16
|
+
"Bahqtrf": "f1kx028l",
|
17
|
+
"sj55zd": "f16th3vw"
|
18
|
+
},
|
19
|
+
"disabled": {
|
20
|
+
"sj55zd": "f1eu23ty"
|
21
|
+
},
|
22
|
+
"required": {
|
23
|
+
"sj55zd": "f1pp183j",
|
24
|
+
"uwmqm3": ["fycuoez", "f8wuabp"]
|
25
|
+
},
|
26
|
+
"small": {
|
27
|
+
"Be2twd7": "ft25vac",
|
28
|
+
"Bg96gwp": "f6u047o"
|
29
|
+
},
|
30
|
+
"medium": {
|
31
|
+
"Be2twd7": "flcnb0",
|
32
|
+
"Bg96gwp": "f1syuwty"
|
33
|
+
},
|
34
|
+
"large": {
|
35
|
+
"Be2twd7": "f1y5x3qd",
|
36
|
+
"Bg96gwp": "f1r32vcg",
|
37
|
+
"Bhrd7zp": "fss2gpl"
|
38
|
+
},
|
39
|
+
"strong": {
|
40
|
+
"Bhrd7zp": "fss2gpl"
|
41
|
+
}
|
42
|
+
}, {
|
43
|
+
"d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".f16th3vw{color:var(--alias-color-neutral-neutralForeground1);}", ".f1eu23ty{color:var(--alias-color-neutral-neutralForegroundDisabled);}", ".f1pp183j{color:var(--alias-color-red-foreground3);}", ".fycuoez{padding-left:4px;}", ".f8wuabp{padding-right:4px;}", ".ft25vac{font-size:var(--global-type-fontSizes-base-200);}", ".f6u047o{line-height:var(--global-type-lineHeights-base-200);}", ".flcnb0{font-size:var(--global-type-fontSizes-base-300);}", ".f1syuwty{line-height:var(--global-type-lineHeights-base-300);}", ".f1y5x3qd{font-size:var(--global-type-fontSizes-base-400);}", ".f1r32vcg{line-height:var(--global-type-lineHeights-base-400);}", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"]
|
12
44
|
});
|
13
45
|
/**
|
14
46
|
* Apply styling to the Label slots based on the state
|
15
47
|
*/
|
48
|
+
|
49
|
+
|
16
50
|
var useLabelStyles = function (state) {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
51
|
+
var styles = useStyles();
|
52
|
+
state.className = react_make_styles_1.mergeClasses(styles.root, state.disabled && styles.disabled, styles[state.size], state.strong && styles.strong, state.className);
|
53
|
+
|
54
|
+
if (state.required) {
|
55
|
+
state.required.className = react_make_styles_1.mergeClasses(styles.required, state.required.className);
|
56
|
+
}
|
57
|
+
|
58
|
+
return state;
|
22
59
|
};
|
60
|
+
|
23
61
|
exports.useLabelStyles = useLabelStyles;
|
24
62
|
//# sourceMappingURL=useLabelStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,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,EAAlB;AAoCA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAChB,MAAM,CAAC,IADS,EAEhB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAFT,EAGhB,MAAM,CAAC,KAAK,CAAC,IAAP,CAHU,EAIhB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MAJP,EAKhB,KAAK,CAAC,SALU,CAAlB;;AAQA,MAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,IAAA,KAAK,CAAC,QAAN,CAAe,SAAf,GAA2B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,QAApB,EAA8B,KAAK,CAAC,QAAN,CAAe,SAA7C,CAA3B;AACD;;AAED,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
@@ -1,5 +1,10 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
+
|
4
9
|
tslib_1.__exportStar(require("./Label"), exports);
|
5
10
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAEA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-label",
|
3
|
-
"version": "9.0.0-alpha.
|
3
|
+
"version": "9.0.0-alpha.43",
|
4
4
|
"description": "Label component for FluentUI library.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -13,19 +13,23 @@
|
|
13
13
|
"license": "MIT",
|
14
14
|
"scripts": {
|
15
15
|
"build": "just-scripts build",
|
16
|
+
"bundle-size": "bundle-size measure",
|
16
17
|
"clean": "just-scripts clean",
|
17
18
|
"code-style": "just-scripts code-style",
|
18
19
|
"just": "just-scripts",
|
19
20
|
"lint": "just-scripts lint",
|
20
|
-
"start": "
|
21
|
-
"
|
22
|
-
"
|
23
|
-
"
|
21
|
+
"start": "yarn storybook",
|
22
|
+
"test": "jest",
|
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/packages/react-label/src && yarn docs",
|
25
|
+
"storybook": "start-storybook"
|
24
26
|
},
|
25
27
|
"devDependencies": {
|
26
|
-
"@fluentui/
|
27
|
-
"@fluentui/
|
28
|
-
"@fluentui/
|
28
|
+
"@fluentui/babel-make-styles": "9.0.0-alpha.52",
|
29
|
+
"@fluentui/eslint-plugin": "*",
|
30
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.45",
|
31
|
+
"@fluentui/react-conformance": "*",
|
32
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-alpha.14",
|
29
33
|
"@fluentui/scripts": "^1.0.0",
|
30
34
|
"@types/enzyme": "3.10.3",
|
31
35
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -39,8 +43,8 @@
|
|
39
43
|
"react-test-renderer": "^16.3.0"
|
40
44
|
},
|
41
45
|
"dependencies": {
|
42
|
-
"@fluentui/react-make-styles": "
|
43
|
-
"@fluentui/react-utilities": "
|
46
|
+
"@fluentui/react-make-styles": "9.0.0-alpha.70",
|
47
|
+
"@fluentui/react-utilities": "9.0.0-alpha.50",
|
44
48
|
"tslib": "^2.1.0"
|
45
49
|
},
|
46
50
|
"peerDependencies": {
|
package/config/tests.js
DELETED
package/etc/react-label.api.md
DELETED
@@ -1,44 +0,0 @@
|
|
1
|
-
## API Report File for "@fluentui/react-label"
|
2
|
-
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
4
|
-
|
5
|
-
```ts
|
6
|
-
|
7
|
-
import { ComponentProps } from '@fluentui/react-utilities';
|
8
|
-
import { ComponentState } from '@fluentui/react-utilities';
|
9
|
-
import * as React_2 from 'react';
|
10
|
-
|
11
|
-
// @public
|
12
|
-
export const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLElement>>;
|
13
|
-
|
14
|
-
// @public
|
15
|
-
export type LabelDefaultedProps = never;
|
16
|
-
|
17
|
-
// @public
|
18
|
-
export interface LabelProps extends ComponentProps, React_2.HTMLAttributes<HTMLElement> {
|
19
|
-
}
|
20
|
-
|
21
|
-
// @public
|
22
|
-
export type LabelShorthandProps = never;
|
23
|
-
|
24
|
-
// @public
|
25
|
-
export const labelShorthandProps: LabelShorthandProps[];
|
26
|
-
|
27
|
-
// @public
|
28
|
-
export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
|
29
|
-
ref: React_2.Ref<HTMLElement>;
|
30
|
-
}
|
31
|
-
|
32
|
-
// @public
|
33
|
-
export const renderLabel: (state: LabelState) => JSX.Element;
|
34
|
-
|
35
|
-
// @public
|
36
|
-
export const useLabel: (props: LabelProps, ref: React_2.Ref<HTMLElement>, defaultProps?: LabelProps | undefined) => LabelState;
|
37
|
-
|
38
|
-
// @public
|
39
|
-
export const useLabelStyles: (state: LabelState) => LabelState;
|
40
|
-
|
41
|
-
|
42
|
-
// (No @packageDocumentation comment for this package)
|
43
|
-
|
44
|
-
```
|
package/just.config.ts
DELETED
package/lib-amd/Label.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Label/index';
|
package/lib-amd/Label.js
DELETED
@@ -1,6 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "./components/Label/index"], function (require, exports, tslib_1, index_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
5
|
-
});
|
6
|
-
//# sourceMappingURL=Label.js.map
|
package/lib-amd/Label.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["Label.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Label/index';\n"]}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.isConformant = void 0;
|
5
|
-
function isConformant(testInfo) {
|
6
|
-
var defaultOptions = {
|
7
|
-
asPropHandlesRef: true,
|
8
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
9
|
-
};
|
10
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
11
|
-
}
|
12
|
-
exports.isConformant = isConformant;
|
13
|
-
});
|
14
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAEA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SAC7D,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IATD,oCASC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"]}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
define(["require", "exports", "react", "./useLabel", "./renderLabel", "./useLabelStyles"], function (require, exports, React, useLabel_1, renderLabel_1, useLabelStyles_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.Label = void 0;
|
5
|
-
/**
|
6
|
-
* A label component provides a title or name to a component.
|
7
|
-
*/
|
8
|
-
exports.Label = React.forwardRef(function (props, ref) {
|
9
|
-
var state = useLabel_1.useLabel(props, ref);
|
10
|
-
useLabelStyles_1.useLabelStyles(state);
|
11
|
-
return renderLabel_1.renderLabel(state);
|
12
|
-
});
|
13
|
-
exports.Label.displayName = 'Label';
|
14
|
-
});
|
15
|
-
//# sourceMappingURL=Label.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["components/Label/Label.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA0B,UAAC,KAAK,EAAE,GAAG;QACxE,IAAM,KAAK,GAAG,mBAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEnC,+BAAc,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,yBAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useLabel } from './useLabel';\nimport { LabelProps } from './Label.types';\nimport { renderLabel } from './renderLabel';\nimport { useLabelStyles } from './useLabelStyles';\n\n/**\n * A label component provides a title or name to a component.\n */\nexport const Label = React.forwardRef<HTMLElement, LabelProps>((props, ref) => {\n const state = useLabel(props, ref);\n\n useLabelStyles(state);\n return renderLabel(state);\n});\n\nLabel.displayName = 'Label';\n"]}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Label Props
|
5
|
-
*/
|
6
|
-
export interface LabelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
|
7
|
-
}
|
8
|
-
/**
|
9
|
-
* Names of the shorthand properties in LabelProps
|
10
|
-
*/
|
11
|
-
export declare type LabelShorthandProps = never;
|
12
|
-
/**
|
13
|
-
* Names of LabelProps that have a default value in useLabel
|
14
|
-
*/
|
15
|
-
export declare type LabelDefaultedProps = never;
|
16
|
-
/**
|
17
|
-
* State used in rendering Label
|
18
|
-
*/
|
19
|
-
export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
|
20
|
-
/**
|
21
|
-
* Ref to the root element
|
22
|
-
*/
|
23
|
-
ref: React.Ref<HTMLElement>;
|
24
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Label.types.js","sourceRoot":"../src/","sources":["components/Label/Label.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState } from '@fluentui/react-utilities';\n\n/**\n * Label Props\n */\nexport interface LabelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {\n /*\n * TODO Add props and slots here\n * Any slot property should be listed in the labelShorthandProps array below\n * Any property that has a default value should be listed in LabelDefaultedProps as e.g. 'size' | 'icon'\n */\n}\n\n/**\n * Names of the shorthand properties in LabelProps\n */\nexport type LabelShorthandProps = never; // TODO add shorthand property names\n\n/**\n * Names of LabelProps that have a default value in useLabel\n */\nexport type LabelDefaultedProps = never; // TODO add names of properties with default values\n\n/**\n * State used in rendering Label\n */\nexport interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "./Label", "./Label.types", "./renderLabel", "./useLabel", "./useLabelStyles"], function (require, exports, tslib_1, Label_1, Label_types_1, renderLabel_1, useLabel_1, useLabelStyles_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
tslib_1.__exportStar(Label_1, exports);
|
5
|
-
tslib_1.__exportStar(Label_types_1, exports);
|
6
|
-
tslib_1.__exportStar(renderLabel_1, exports);
|
7
|
-
tslib_1.__exportStar(useLabel_1, exports);
|
8
|
-
tslib_1.__exportStar(useLabelStyles_1, exports);
|
9
|
-
});
|
10
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Label/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,6CAA8B;IAC9B,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Label';\nexport * from './Label.types';\nexport * from './renderLabel';\nexport * from './useLabel';\nexport * from './useLabelStyles';\n"]}
|