@fluentui/react-checkbox 9.0.0-beta.4 → 9.0.0-beta.5

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.
Files changed (20) hide show
  1. package/CHANGELOG.json +58 -7
  2. package/CHANGELOG.md +23 -8
  3. package/dist/react-checkbox.d.ts +16 -31
  4. package/lib/components/Checkbox/Checkbox.types.d.ts +14 -24
  5. package/lib/components/Checkbox/renderCheckbox.js +1 -2
  6. package/lib/components/Checkbox/renderCheckbox.js.map +1 -1
  7. package/lib/components/Checkbox/useCheckbox.d.ts +3 -7
  8. package/lib/components/Checkbox/useCheckbox.js +41 -35
  9. package/lib/components/Checkbox/useCheckbox.js.map +1 -1
  10. package/lib/components/Checkbox/useCheckboxStyles.js +1 -1
  11. package/lib/components/Checkbox/useCheckboxStyles.js.map +1 -1
  12. package/lib-commonjs/components/Checkbox/Checkbox.types.d.ts +14 -24
  13. package/lib-commonjs/components/Checkbox/renderCheckbox.js +1 -2
  14. package/lib-commonjs/components/Checkbox/renderCheckbox.js.map +1 -1
  15. package/lib-commonjs/components/Checkbox/useCheckbox.d.ts +3 -7
  16. package/lib-commonjs/components/Checkbox/useCheckbox.js +41 -35
  17. package/lib-commonjs/components/Checkbox/useCheckbox.js.map +1 -1
  18. package/lib-commonjs/components/Checkbox/useCheckboxStyles.js +1 -1
  19. package/lib-commonjs/components/Checkbox/useCheckboxStyles.js.map +1 -1
  20. package/package.json +7 -7
package/CHANGELOG.json CHANGED
@@ -2,7 +2,58 @@
2
2
  "name": "@fluentui/react-checkbox",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 12 Nov 2021 12:33:57 GMT",
5
+ "date": "Thu, 25 Nov 2021 08:31:31 GMT",
6
+ "tag": "@fluentui/react-checkbox_v9.0.0-beta.5",
7
+ "version": "9.0.0-beta.5",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "behowell@microsoft.com",
12
+ "package": "@fluentui/react-checkbox",
13
+ "commit": "99adff5a9aab9086e8bc4737040654ab23f0febe",
14
+ "comment": "Implement primary slot: 'input' is now the primary slot and receives native props passed to Checkbox"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-checkbox",
19
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
20
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-checkbox",
25
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
26
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-checkbox",
31
+ "comment": "Bump @fluentui/react-label to v9.0.0-beta.4",
32
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-checkbox",
37
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
38
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-checkbox",
43
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
44
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-checkbox",
49
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
50
+ "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Fri, 12 Nov 2021 13:25:18 GMT",
6
57
  "tag": "@fluentui/react-checkbox_v9.0.0-beta.4",
7
58
  "version": "9.0.0-beta.4",
8
59
  "comments": {
@@ -37,37 +88,37 @@
37
88
  "author": "beachball",
38
89
  "package": "@fluentui/react-checkbox",
39
90
  "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
40
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
91
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
41
92
  },
42
93
  {
43
94
  "author": "beachball",
44
95
  "package": "@fluentui/react-checkbox",
45
96
  "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
46
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
97
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
47
98
  },
48
99
  {
49
100
  "author": "beachball",
50
101
  "package": "@fluentui/react-checkbox",
51
102
  "comment": "Bump @fluentui/react-label to v9.0.0-beta.3",
52
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
103
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
53
104
  },
54
105
  {
55
106
  "author": "beachball",
56
107
  "package": "@fluentui/react-checkbox",
57
108
  "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
58
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
109
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
59
110
  },
60
111
  {
61
112
  "author": "beachball",
62
113
  "package": "@fluentui/react-checkbox",
63
114
  "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
64
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
115
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
65
116
  },
66
117
  {
67
118
  "author": "beachball",
68
119
  "package": "@fluentui/react-checkbox",
69
120
  "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
70
- "commit": "da10ba8b6cca0c4cf921dc176bb9b7ea57fde9fa"
121
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
71
122
  }
72
123
  ]
73
124
  }
package/CHANGELOG.md CHANGED
@@ -1,24 +1,39 @@
1
1
  # Change Log - @fluentui/react-checkbox
2
2
 
3
- This log was last generated on Fri, 12 Nov 2021 12:33:57 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 25 Nov 2021 08:31:31 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.5)
8
+
9
+ Thu, 25 Nov 2021 08:31:31 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.4..@fluentui/react-checkbox_v9.0.0-beta.5)
11
+
12
+ ### Changes
13
+
14
+ - Implement primary slot: 'input' is now the primary slot and receives native props passed to Checkbox ([PR #20617](https://github.com/microsoft/fluentui/pull/20617) by behowell@microsoft.com)
15
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
17
+ - Bump @fluentui/react-label to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
19
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
20
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
21
+
7
22
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.4)
8
23
 
9
- Fri, 12 Nov 2021 12:33:57 GMT
24
+ Fri, 12 Nov 2021 13:25:18 GMT
10
25
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.3..@fluentui/react-checkbox_v9.0.0-beta.4)
11
26
 
12
27
  ### Changes
13
28
 
14
29
  - export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
15
30
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
16
- - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
17
- - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
18
- - Bump @fluentui/react-label to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
19
- - Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
20
- - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
21
- - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20593](https://github.com/microsoft/fluentui/pull/20593) by beachball)
31
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
32
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
33
+ - Bump @fluentui/react-label to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
34
+ - Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
35
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
36
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
22
37
 
23
38
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.3)
24
39
 
package/dist/react-checkbox.d.ts CHANGED
@@ -13,20 +13,11 @@ export declare const Checkbox: ForwardRefComponent<CheckboxProps>;
13
13
 
14
14
  export declare const checkboxClassName = "fui-Checkbox";
15
15
 
16
- /**
17
- * TODO:
18
- * - Remove as from Omit. Currently it's needed since checkbox Commons shouldn't have as.
19
- * - Instead of extending LabelProps, extend LabelCommons once it's added.
20
- */
21
16
  export declare interface CheckboxCommons {
22
17
  /**
23
18
  * A checkbox can be rendered with a circular shape.
24
19
  */
25
- circular: boolean;
26
- /**
27
- * ID of the root element that wraps the checkbox and label.
28
- */
29
- rootId: string | undefined;
20
+ circular: boolean | undefined;
30
21
  /**
31
22
  * A checkbox's state can be controlled.
32
23
  * @defaultvalue false
@@ -59,11 +50,7 @@ export declare interface CheckboxOnChangeData {
59
50
  /**
60
51
  * Checkbox Props
61
52
  */
62
- export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'defaultChecked'> & Partial<CheckboxCommons> & {
63
- /**
64
- * ID of the native element that represents the checkbox.
65
- */
66
- id?: string;
53
+ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots, 'input'>, 'size' | 'checked' | 'defaultChecked'> & Partial<CheckboxCommons> & {
67
54
  /**
68
55
  * Callback to be called when the checked state value changes.
69
56
  */
@@ -72,25 +59,21 @@ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'default
72
59
  * Whether the checkbox should be rendered as checked by default.
73
60
  */
74
61
  defaultChecked?: 'mixed' | boolean;
75
- /**
76
- * Required state of the checkbox.
77
- */
78
- required?: boolean;
79
- /**
80
- * Disabled
81
- */
82
- disabled?: boolean;
83
62
  };
84
63
 
85
- /**
86
- * Array of all shorthand properties listed as the keys of CheckboxSlots
87
- */
88
- export declare const checkboxShorthandProps: Array<keyof CheckboxSlots>;
89
-
90
64
  export declare type CheckboxSlots = {
65
+ /**
66
+ * The root element of the checkbox is its `<label>`.
67
+ *
68
+ * The root slot receives the `className` and `style` specified directly on the `<Checkbox>`.
69
+ * All other native props will be applied to the primary slot: `input`
70
+ */
91
71
  root: ObjectShorthandProps<LabelProps> | IntrinsicShorthandProps<'span'>;
92
72
  /**
93
73
  * Hidden input that handles the checkbox's functionality.
74
+ *
75
+ * This is the PRIMARY slot: all native properties specified directly on `<Checkbox>` will be applied to this slot,
76
+ * except `className` and `style`, which remain on the root slot.
94
77
  */
95
78
  input: IntrinsicShorthandProps<'input'>;
96
79
  /**
@@ -102,7 +85,9 @@ export declare type CheckboxSlots = {
102
85
  /**
103
86
  * State used in rendering Checkbox
104
87
  */
105
- export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons;
88
+ export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons & {
89
+ hasLabel: boolean;
90
+ };
106
91
 
107
92
  export declare const renderCheckbox: (state: CheckboxState) => JSX.Element;
108
93
 
@@ -113,9 +98,9 @@ export declare const renderCheckbox: (state: CheckboxState) => JSX.Element;
113
98
  * before being passed to renderCheckbox.
114
99
  *
115
100
  * @param props - props from this instance of Checkbox
116
- * @param ref - reference to root HTMLElement of Checkbox
101
+ * @param ref - reference to `<input>` element of Checkbox
117
102
  */
118
- export declare const useCheckbox: (props: CheckboxProps, ref: React_2.Ref<HTMLElement>) => CheckboxState;
103
+ export declare const useCheckbox: (props: CheckboxProps, ref: React_2.Ref<HTMLInputElement>) => CheckboxState;
119
104
 
120
105
  /**
121
106
  * Apply styling to the Checkbox slots based on the state
package/lib/components/Checkbox/Checkbox.types.d.ts CHANGED
@@ -1,20 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
3
3
  import { LabelProps } from '@fluentui/react-label';
4
- /**
5
- * TODO:
6
- * - Remove as from Omit. Currently it's needed since checkbox Commons shouldn't have as.
7
- * - Instead of extending LabelProps, extend LabelCommons once it's added.
8
- */
9
4
  export interface CheckboxCommons {
10
5
  /**
11
6
  * A checkbox can be rendered with a circular shape.
12
7
  */
13
- circular: boolean;
14
- /**
15
- * ID of the root element that wraps the checkbox and label.
16
- */
17
- rootId: string | undefined;
8
+ circular: boolean | undefined;
18
9
  /**
19
10
  * A checkbox's state can be controlled.
20
11
  * @defaultvalue false
@@ -43,9 +34,18 @@ export interface CheckboxOnChangeData {
43
34
  checked: 'mixed' | boolean;
44
35
  }
45
36
  export declare type CheckboxSlots = {
37
+ /**
38
+ * The root element of the checkbox is its `<label>`.
39
+ *
40
+ * The root slot receives the `className` and `style` specified directly on the `<Checkbox>`.
41
+ * All other native props will be applied to the primary slot: `input`
42
+ */
46
43
  root: ObjectShorthandProps<LabelProps> | IntrinsicShorthandProps<'span'>;
47
44
  /**
48
45
  * Hidden input that handles the checkbox's functionality.
46
+ *
47
+ * This is the PRIMARY slot: all native properties specified directly on `<Checkbox>` will be applied to this slot,
48
+ * except `className` and `style`, which remain on the root slot.
49
49
  */
50
50
  input: IntrinsicShorthandProps<'input'>;
51
51
  /**
@@ -56,11 +56,7 @@ export declare type CheckboxSlots = {
56
56
  /**
57
57
  * Checkbox Props
58
58
  */
59
- export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'defaultChecked'> & Partial<CheckboxCommons> & {
60
- /**
61
- * ID of the native element that represents the checkbox.
62
- */
63
- id?: string;
59
+ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots, 'input'>, 'size' | 'checked' | 'defaultChecked'> & Partial<CheckboxCommons> & {
64
60
  /**
65
61
  * Callback to be called when the checked state value changes.
66
62
  */
@@ -69,16 +65,10 @@ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'default
69
65
  * Whether the checkbox should be rendered as checked by default.
70
66
  */
71
67
  defaultChecked?: 'mixed' | boolean;
72
- /**
73
- * Required state of the checkbox.
74
- */
75
- required?: boolean;
76
- /**
77
- * Disabled
78
- */
79
- disabled?: boolean;
80
68
  };
81
69
  /**
82
70
  * State used in rendering Checkbox
83
71
  */
84
- export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons;
72
+ export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons & {
73
+ hasLabel: boolean;
74
+ };
package/lib/components/Checkbox/renderCheckbox.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { getSlots } from '@fluentui/react-utilities';
3
- import { checkboxShorthandProps } from './useCheckbox';
4
3
  export const renderCheckbox = (state) => {
5
- const { slots, slotProps } = getSlots(state, checkboxShorthandProps);
4
+ const { slots, slotProps } = getSlots(state, ['root', 'indicator', 'input']);
6
5
  return (React.createElement(slots.root, Object.assign({}, slotProps.root),
7
6
  state.labelPosition === 'before' && slotProps.root.children,
8
7
  React.createElement("div", { className: state.containerClassName },
package/lib/components/Checkbox/renderCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAgB,KAAK,EAAE,sBAAsB,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,oBAAK,SAAS,CAAC,IAAI;QAC3B,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ;QAC5D,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;YACtC,oBAAC,KAAK,CAAC,SAAS,oBAAK,SAAS,CAAC,SAAS,EAAI;YAC5C,oBAAC,KAAK,CAAC,KAAK,oBAAK,SAAS,CAAC,KAAK,EAAI,CAChC;QACL,KAAK,CAAC,aAAa,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAChD,CACd,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAgB,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,oBAAK,SAAS,CAAC,IAAI;QAC3B,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ;QAC5D,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;YACtC,oBAAC,KAAK,CAAC,SAAS,oBAAK,SAAS,CAAC,SAAS,EAAI;YAC5C,oBAAC,KAAK,CAAC,KAAK,oBAAK,SAAS,CAAC,KAAK,EAAI,CAChC;QACL,KAAK,CAAC,aAAa,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAChD,CACd,CAAC;AACJ,CAAC,CAAC"}
package/lib/components/Checkbox/useCheckbox.d.ts CHANGED
@@ -1,9 +1,5 @@
1
1
  import * as React from 'react';
2
- import { CheckboxProps, CheckboxSlots, CheckboxState } from './Checkbox.types';
3
- /**
4
- * Array of all shorthand properties listed as the keys of CheckboxSlots
5
- */
6
- export declare const checkboxShorthandProps: Array<keyof CheckboxSlots>;
2
+ import { CheckboxProps, CheckboxState } from './Checkbox.types';
7
3
  /**
8
4
  * Create the state required to render Checkbox.
9
5
  *
@@ -11,6 +7,6 @@ export declare const checkboxShorthandProps: Array<keyof CheckboxSlots>;
11
7
  * before being passed to renderCheckbox.
12
8
  *
13
9
  * @param props - props from this instance of Checkbox
14
- * @param ref - reference to root HTMLElement of Checkbox
10
+ * @param ref - reference to `<input>` element of Checkbox
15
11
  */
16
- export declare const useCheckbox: (props: CheckboxProps, ref: React.Ref<HTMLElement>) => CheckboxState;
12
+ export declare const useCheckbox: (props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => CheckboxState;
package/lib/components/Checkbox/useCheckbox.js CHANGED
@@ -1,11 +1,7 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useMergedRefs, useEventCallback, } from '@fluentui/react-utilities';
2
+ import { getPartitionedNativeProps, resolveShorthand, useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect, useMergedRefs, } from '@fluentui/react-utilities';
3
3
  import { Mixed12Regular, Mixed16Regular, Checkmark12Regular, Checkmark16Regular } from './DefaultIcons';
4
4
  import { Label } from '@fluentui/react-label';
5
- /**
6
- * Array of all shorthand properties listed as the keys of CheckboxSlots
7
- */
8
- export const checkboxShorthandProps = ['root', 'indicator', 'input'];
9
5
  /**
10
6
  * Create the state required to render Checkbox.
11
7
  *
@@ -13,47 +9,54 @@ export const checkboxShorthandProps = ['root', 'indicator', 'input'];
13
9
  * before being passed to renderCheckbox.
14
10
  *
15
11
  * @param props - props from this instance of Checkbox
16
- * @param ref - reference to root HTMLElement of Checkbox
12
+ * @param ref - reference to `<input>` element of Checkbox
17
13
  */
18
14
  export const useCheckbox = (props, ref) => {
19
- const { disabled = false, circular = false, required = false, id, rootId, onChange: userOnChange } = props;
15
+ const { circular, size = 'medium', labelPosition = 'after' } = props;
20
16
  const [checked, setChecked] = useControllableState({
21
17
  defaultState: props.defaultChecked,
22
18
  state: props.checked,
23
19
  initialState: false,
24
20
  });
25
- const inputInternalRef = React.useRef(null);
26
- const inputShorthand = resolveShorthand(props.input, {
27
- required: true,
28
- defaultProps: {
29
- disabled,
30
- type: 'checkbox',
31
- required,
32
- },
21
+ const nativeProps = getPartitionedNativeProps({
22
+ props,
23
+ primarySlotTagName: 'input',
24
+ excludedPropNames: ['checked', 'defaultChecked', 'children'],
33
25
  });
34
26
  const state = {
35
27
  circular,
36
28
  checked,
37
- size: 'medium',
38
- labelPosition: 'after',
39
- rootId,
29
+ size,
30
+ labelPosition,
31
+ hasLabel: !!props.children,
40
32
  components: {
41
33
  root: props.children !== undefined ? Label : 'span',
42
34
  indicator: 'div',
43
35
  input: 'input',
44
36
  },
45
- input: {
46
- ...inputShorthand,
47
- ref: useMergedRefs(inputShorthand.ref, inputInternalRef),
48
- },
37
+ root: resolveShorthand(props.root, {
38
+ required: true,
39
+ defaultProps: {
40
+ children: props.children,
41
+ ...nativeProps.root,
42
+ },
43
+ }),
44
+ input: resolveShorthand(props.input, {
45
+ required: true,
46
+ defaultProps: {
47
+ type: 'checkbox',
48
+ id: useId('checkbox-', nativeProps.primary.id),
49
+ ref,
50
+ checked: checked === true,
51
+ ...nativeProps.primary,
52
+ },
53
+ }),
49
54
  indicator: resolveShorthand(props.indicator, {
50
55
  required: true,
51
56
  }),
52
- root: getNativeElementProps('div', { ref, ...props }),
53
57
  };
54
- state.input.checked = checked === true;
55
- state.checked = checked ? checked : false;
56
- if (state.indicator && !state.indicator.children) {
58
+ // Add the default checkmark icon if none was provided
59
+ if (!state.indicator.children) {
57
60
  if (state.size === 'medium') {
58
61
  state.indicator.children = checked === 'mixed' ? React.createElement(Mixed12Regular, null) : React.createElement(Checkmark12Regular, null);
59
62
  }
@@ -61,22 +64,25 @@ export const useCheckbox = (props, ref) => {
61
64
  state.indicator.children = checked === 'mixed' ? React.createElement(Mixed16Regular, null) : React.createElement(Checkmark16Regular, null);
62
65
  }
63
66
  }
64
- const inputOnChange = state.input.onChange;
67
+ const onChange = state.input.onChange;
65
68
  state.input.onChange = useEventCallback(ev => {
66
69
  ev.stopPropagation();
67
- inputOnChange === null || inputOnChange === void 0 ? void 0 : inputOnChange(ev);
68
70
  const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
69
- userOnChange === null || userOnChange === void 0 ? void 0 : userOnChange(ev, { checked: val });
71
+ onChange === null || onChange === void 0 ? void 0 : onChange(ev, { checked: val });
70
72
  setChecked(val);
71
73
  });
72
- state.input.id = useId('checkbox-', id);
73
- state.root.id = state.rootId;
74
- const isMixed = checked === 'mixed';
74
+ // Create a ref object for the input element so we can use it to set the indeterminate prop.
75
+ // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
76
+ const inputRef = useMergedRefs(state.input.ref);
77
+ state.input.ref = inputRef;
78
+ // Set the <input> element's checked and indeterminate properties based on our tri-state property.
79
+ // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
80
+ const indeterminate = checked === 'mixed';
75
81
  useIsomorphicLayoutEffect(() => {
76
- if (inputInternalRef.current) {
77
- inputInternalRef.current.indeterminate = isMixed;
82
+ if (inputRef.current) {
83
+ inputRef.current.indeterminate = indeterminate;
78
84
  }
79
- }, [isMixed]);
85
+ }, [inputRef, indeterminate]);
80
86
  return state;
81
87
  };
82
88
  //# sourceMappingURL=useCheckbox.js.map
package/lib/components/Checkbox/useCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
package/lib/components/Checkbox/useCheckboxStyles.js CHANGED
@@ -164,7 +164,7 @@ export const useCheckboxStyles = (state) => {
164
164
  const styles = useStyles();
165
165
  state.root.className = mergeClasses(checkboxClassName, styles.root, styles.focusIndicator, styles[checkedState], state.input.disabled && styles.disabled, state.root.className);
166
166
  state.input.className = mergeClasses(containerStyles[state.size], inputStyles.input, state.input.disabled && inputStyles.disabled, state.input.className);
167
- state.containerClassName = mergeClasses(containerStyles.container, containerStyles[state.size], !!state.root.children && containerStyles[state.labelPosition]);
167
+ state.containerClassName = mergeClasses(containerStyles.container, containerStyles[state.size], state.hasLabel && containerStyles[state.labelPosition]);
168
168
  state.indicator.className = mergeClasses(`${checkboxClassName}-indicator`, indicatorStyles.box, containerStyles[state.size], state.circular && indicatorStyles.circular, state.indicator.className);
169
169
  return state;
170
170
  };
package/lib/components/Checkbox/useCheckboxStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/components/Checkbox/Checkbox.types.d.ts CHANGED
@@ -1,20 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
3
3
  import { LabelProps } from '@fluentui/react-label';
4
- /**
5
- * TODO:
6
- * - Remove as from Omit. Currently it's needed since checkbox Commons shouldn't have as.
7
- * - Instead of extending LabelProps, extend LabelCommons once it's added.
8
- */
9
4
  export interface CheckboxCommons {
10
5
  /**
11
6
  * A checkbox can be rendered with a circular shape.
12
7
  */
13
- circular: boolean;
14
- /**
15
- * ID of the root element that wraps the checkbox and label.
16
- */
17
- rootId: string | undefined;
8
+ circular: boolean | undefined;
18
9
  /**
19
10
  * A checkbox's state can be controlled.
20
11
  * @defaultvalue false
@@ -43,9 +34,18 @@ export interface CheckboxOnChangeData {
43
34
  checked: 'mixed' | boolean;
44
35
  }
45
36
  export declare type CheckboxSlots = {
37
+ /**
38
+ * The root element of the checkbox is its `<label>`.
39
+ *
40
+ * The root slot receives the `className` and `style` specified directly on the `<Checkbox>`.
41
+ * All other native props will be applied to the primary slot: `input`
42
+ */
46
43
  root: ObjectShorthandProps<LabelProps> | IntrinsicShorthandProps<'span'>;
47
44
  /**
48
45
  * Hidden input that handles the checkbox's functionality.
46
+ *
47
+ * This is the PRIMARY slot: all native properties specified directly on `<Checkbox>` will be applied to this slot,
48
+ * except `className` and `style`, which remain on the root slot.
49
49
  */
50
50
  input: IntrinsicShorthandProps<'input'>;
51
51
  /**
@@ -56,11 +56,7 @@ export declare type CheckboxSlots = {
56
56
  /**
57
57
  * Checkbox Props
58
58
  */
59
- export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'defaultChecked'> & Partial<CheckboxCommons> & {
60
- /**
61
- * ID of the native element that represents the checkbox.
62
- */
63
- id?: string;
59
+ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots, 'input'>, 'size' | 'checked' | 'defaultChecked'> & Partial<CheckboxCommons> & {
64
60
  /**
65
61
  * Callback to be called when the checked state value changes.
66
62
  */
@@ -69,16 +65,10 @@ export declare type CheckboxProps = Omit<ComponentProps<CheckboxSlots>, 'default
69
65
  * Whether the checkbox should be rendered as checked by default.
70
66
  */
71
67
  defaultChecked?: 'mixed' | boolean;
72
- /**
73
- * Required state of the checkbox.
74
- */
75
- required?: boolean;
76
- /**
77
- * Disabled
78
- */
79
- disabled?: boolean;
80
68
  };
81
69
  /**
82
70
  * State used in rendering Checkbox
83
71
  */
84
- export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons;
72
+ export declare type CheckboxState = ComponentState<CheckboxSlots> & CheckboxCommons & {
73
+ hasLabel: boolean;
74
+ };
package/lib-commonjs/components/Checkbox/renderCheckbox.js CHANGED
@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.renderCheckbox = void 0;
4
4
  const React = require("react");
5
5
  const react_utilities_1 = require("@fluentui/react-utilities");
6
- const useCheckbox_1 = require("./useCheckbox");
7
6
  const renderCheckbox = (state) => {
8
- const { slots, slotProps } = react_utilities_1.getSlots(state, useCheckbox_1.checkboxShorthandProps);
7
+ const { slots, slotProps } = react_utilities_1.getSlots(state, ['root', 'indicator', 'input']);
9
8
  return (React.createElement(slots.root, Object.assign({}, slotProps.root),
10
9
  state.labelPosition === 'before' && slotProps.root.children,
11
10
  React.createElement("div", { className: state.containerClassName },
package/lib-commonjs/components/Checkbox/renderCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+DAAqD;AAErD,+CAAuD;AAEhD,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,0BAAQ,CAAgB,KAAK,EAAE,oCAAsB,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,oBAAK,SAAS,CAAC,IAAI;QAC3B,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ;QAC5D,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;YACtC,oBAAC,KAAK,CAAC,SAAS,oBAAK,SAAS,CAAC,SAAS,EAAI;YAC5C,oBAAC,KAAK,CAAC,KAAK,oBAAK,SAAS,CAAC,KAAK,EAAI,CAChC;QACL,KAAK,CAAC,aAAa,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAChD,CACd,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}
1
+ {"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,+DAAqD;AAG9C,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,0BAAQ,CAAgB,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,oBAAK,SAAS,CAAC,IAAI;QAC3B,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ;QAC5D,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;YACtC,oBAAC,KAAK,CAAC,SAAS,oBAAK,SAAS,CAAC,SAAS,EAAI;YAC5C,oBAAC,KAAK,CAAC,KAAK,oBAAK,SAAS,CAAC,KAAK,EAAI,CAChC;QACL,KAAK,CAAC,aAAa,KAAK,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAChD,CACd,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}
package/lib-commonjs/components/Checkbox/useCheckbox.d.ts CHANGED
@@ -1,9 +1,5 @@
1
1
  import * as React from 'react';
2
- import { CheckboxProps, CheckboxSlots, CheckboxState } from './Checkbox.types';
3
- /**
4
- * Array of all shorthand properties listed as the keys of CheckboxSlots
5
- */
6
- export declare const checkboxShorthandProps: Array<keyof CheckboxSlots>;
2
+ import { CheckboxProps, CheckboxState } from './Checkbox.types';
7
3
  /**
8
4
  * Create the state required to render Checkbox.
9
5
  *
@@ -11,6 +7,6 @@ export declare const checkboxShorthandProps: Array<keyof CheckboxSlots>;
11
7
  * before being passed to renderCheckbox.
12
8
  *
13
9
  * @param props - props from this instance of Checkbox
14
- * @param ref - reference to root HTMLElement of Checkbox
10
+ * @param ref - reference to `<input>` element of Checkbox
15
11
  */
16
- export declare const useCheckbox: (props: CheckboxProps, ref: React.Ref<HTMLElement>) => CheckboxState;
12
+ export declare const useCheckbox: (props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => CheckboxState;
package/lib-commonjs/components/Checkbox/useCheckbox.js CHANGED
@@ -1,14 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCheckbox = exports.checkboxShorthandProps = void 0;
3
+ exports.useCheckbox = void 0;
4
4
  const React = require("react");
5
5
  const react_utilities_1 = require("@fluentui/react-utilities");
6
6
  const DefaultIcons_1 = require("./DefaultIcons");
7
7
  const react_label_1 = require("@fluentui/react-label");
8
- /**
9
- * Array of all shorthand properties listed as the keys of CheckboxSlots
10
- */
11
- exports.checkboxShorthandProps = ['root', 'indicator', 'input'];
12
8
  /**
13
9
  * Create the state required to render Checkbox.
14
10
  *
@@ -16,47 +12,54 @@ exports.checkboxShorthandProps = ['root', 'indicator', 'input'];
16
12
  * before being passed to renderCheckbox.
17
13
  *
18
14
  * @param props - props from this instance of Checkbox
19
- * @param ref - reference to root HTMLElement of Checkbox
15
+ * @param ref - reference to `<input>` element of Checkbox
20
16
  */
21
17
  const useCheckbox = (props, ref) => {
22
- const { disabled = false, circular = false, required = false, id, rootId, onChange: userOnChange } = props;
18
+ const { circular, size = 'medium', labelPosition = 'after' } = props;
23
19
  const [checked, setChecked] = react_utilities_1.useControllableState({
24
20
  defaultState: props.defaultChecked,
25
21
  state: props.checked,
26
22
  initialState: false,
27
23
  });
28
- const inputInternalRef = React.useRef(null);
29
- const inputShorthand = react_utilities_1.resolveShorthand(props.input, {
30
- required: true,
31
- defaultProps: {
32
- disabled,
33
- type: 'checkbox',
34
- required,
35
- },
24
+ const nativeProps = react_utilities_1.getPartitionedNativeProps({
25
+ props,
26
+ primarySlotTagName: 'input',
27
+ excludedPropNames: ['checked', 'defaultChecked', 'children'],
36
28
  });
37
29
  const state = {
38
30
  circular,
39
31
  checked,
40
- size: 'medium',
41
- labelPosition: 'after',
42
- rootId,
32
+ size,
33
+ labelPosition,
34
+ hasLabel: !!props.children,
43
35
  components: {
44
36
  root: props.children !== undefined ? react_label_1.Label : 'span',
45
37
  indicator: 'div',
46
38
  input: 'input',
47
39
  },
48
- input: {
49
- ...inputShorthand,
50
- ref: react_utilities_1.useMergedRefs(inputShorthand.ref, inputInternalRef),
51
- },
40
+ root: react_utilities_1.resolveShorthand(props.root, {
41
+ required: true,
42
+ defaultProps: {
43
+ children: props.children,
44
+ ...nativeProps.root,
45
+ },
46
+ }),
47
+ input: react_utilities_1.resolveShorthand(props.input, {
48
+ required: true,
49
+ defaultProps: {
50
+ type: 'checkbox',
51
+ id: react_utilities_1.useId('checkbox-', nativeProps.primary.id),
52
+ ref,
53
+ checked: checked === true,
54
+ ...nativeProps.primary,
55
+ },
56
+ }),
52
57
  indicator: react_utilities_1.resolveShorthand(props.indicator, {
53
58
  required: true,
54
59
  }),
55
- root: react_utilities_1.getNativeElementProps('div', { ref, ...props }),
56
60
  };
57
- state.input.checked = checked === true;
58
- state.checked = checked ? checked : false;
59
- if (state.indicator && !state.indicator.children) {
61
+ // Add the default checkmark icon if none was provided
62
+ if (!state.indicator.children) {
60
63
  if (state.size === 'medium') {
61
64
  state.indicator.children = checked === 'mixed' ? React.createElement(DefaultIcons_1.Mixed12Regular, null) : React.createElement(DefaultIcons_1.Checkmark12Regular, null);
62
65
  }
@@ -64,22 +67,25 @@ const useCheckbox = (props, ref) => {
64
67
  state.indicator.children = checked === 'mixed' ? React.createElement(DefaultIcons_1.Mixed16Regular, null) : React.createElement(DefaultIcons_1.Checkmark16Regular, null);
65
68
  }
66
69
  }
67
- const inputOnChange = state.input.onChange;
70
+ const onChange = state.input.onChange;
68
71
  state.input.onChange = react_utilities_1.useEventCallback(ev => {
69
72
  ev.stopPropagation();
70
- inputOnChange === null || inputOnChange === void 0 ? void 0 : inputOnChange(ev);
71
73
  const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
72
- userOnChange === null || userOnChange === void 0 ? void 0 : userOnChange(ev, { checked: val });
74
+ onChange === null || onChange === void 0 ? void 0 : onChange(ev, { checked: val });
73
75
  setChecked(val);
74
76
  });
75
- state.input.id = react_utilities_1.useId('checkbox-', id);
76
- state.root.id = state.rootId;
77
- const isMixed = checked === 'mixed';
77
+ // Create a ref object for the input element so we can use it to set the indeterminate prop.
78
+ // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
79
+ const inputRef = react_utilities_1.useMergedRefs(state.input.ref);
80
+ state.input.ref = inputRef;
81
+ // Set the <input> element's checked and indeterminate properties based on our tri-state property.
82
+ // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
83
+ const indeterminate = checked === 'mixed';
78
84
  react_utilities_1.useIsomorphicLayoutEffect(() => {
79
- if (inputInternalRef.current) {
80
- inputInternalRef.current.indeterminate = isMixed;
85
+ if (inputRef.current) {
86
+ inputRef.current.indeterminate = indeterminate;
81
87
  }
82
- }, [isMixed]);
88
+ }, [inputRef, indeterminate]);
83
89
  return state;
84
90
  };
85
91
  exports.useCheckbox = useCheckbox;
package/lib-commonjs/components/Checkbox/useCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/components/Checkbox/useCheckboxStyles.js CHANGED
@@ -167,7 +167,7 @@ const useCheckboxStyles = (state) => {
167
167
  const styles = useStyles();
168
168
  state.root.className = react_make_styles_1.mergeClasses(exports.checkboxClassName, styles.root, styles.focusIndicator, styles[checkedState], state.input.disabled && styles.disabled, state.root.className);
169
169
  state.input.className = react_make_styles_1.mergeClasses(containerStyles[state.size], inputStyles.input, state.input.disabled && inputStyles.disabled, state.input.className);
170
- state.containerClassName = react_make_styles_1.mergeClasses(containerStyles.container, containerStyles[state.size], !!state.root.children && containerStyles[state.labelPosition]);
170
+ state.containerClassName = react_make_styles_1.mergeClasses(containerStyles.container, containerStyles[state.size], state.hasLabel && containerStyles[state.labelPosition]);
171
171
  state.indicator.className = react_make_styles_1.mergeClasses(`${exports.checkboxClassName}-indicator`, indicatorStyles.box, containerStyles[state.size], state.circular && indicatorStyles.circular, state.indicator.className);
172
172
  return state;
173
173
  };
package/lib-commonjs/components/Checkbox/useCheckboxStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-checkbox",
3
- "version": "9.0.0-beta.4",
3
+ "version": "9.0.0-beta.5",
4
4
  "description": "Fluent UI checkbox component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -25,9 +25,9 @@
25
25
  },
26
26
  "devDependencies": {
27
27
  "@fluentui/eslint-plugin": "*",
28
- "@fluentui/jest-serializer-make-styles": "9.0.0-beta.3",
28
+ "@fluentui/jest-serializer-make-styles": "9.0.0-beta.4",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-make-styles": "9.0.0-beta.3",
30
+ "@fluentui/react-conformance-make-styles": "9.0.0-beta.4",
31
31
  "@fluentui/scripts": "^1.0.0",
32
32
  "@types/enzyme": "3.10.3",
33
33
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -41,10 +41,10 @@
41
41
  "react-test-renderer": "^16.3.0"
42
42
  },
43
43
  "dependencies": {
44
- "@fluentui/react-make-styles": "9.0.0-beta.3",
45
- "@fluentui/react-utilities": "9.0.0-beta.3",
46
- "@fluentui/react-label": "9.0.0-beta.3",
47
- "@fluentui/react-tabster": "9.0.0-beta.4",
44
+ "@fluentui/react-make-styles": "9.0.0-beta.4",
45
+ "@fluentui/react-utilities": "9.0.0-beta.4",
46
+ "@fluentui/react-label": "9.0.0-beta.4",
47
+ "@fluentui/react-tabster": "9.0.0-beta.5",
48
48
  "tslib": "^2.1.0"
49
49
  },
50
50
  "peerDependencies": {