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

package/lib-commonjs/components/Checkbox/index.js

@@ -1,9 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Checkbox"), exports);
+
 tslib_1.__exportStar(require("./Checkbox.types"), exports);
+
 tslib_1.__exportStar(require("./renderCheckbox"), exports);
+
 tslib_1.__exportStar(require("./useCheckbox"), exports);
+
 tslib_1.__exportStar(require("./useCheckboxStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,2DAAiC;AACjC,2DAAiC;AACjC,wDAA8B;AAC9B,8DAAoC"}
+{"version":3,"sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Checkbox/renderCheckbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxState } from './Checkbox.types';
-export declare const renderCheckbox: (state: CheckboxState) => JSX.Element;
+export declare const renderCheckbox_unstable: (state: CheckboxState) => JSX.Element;

package/lib-commonjs/components/Checkbox/renderCheckbox.js

@@ -1,16 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderCheckbox = void 0;
-const React = require("react");
-const react_utilities_1 = require("@fluentui/react-utilities");
-const renderCheckbox = (state) => {
-    const { slots, slotProps } = react_utilities_1.getSlots(state, ['root', 'indicator', 'input']);
-    return (React.createElement(slots.root, Object.assign({}, slotProps.root),
-        state.labelPosition === 'before' && slotProps.root.children,
-        React.createElement("div", { className: state.containerClassName },
-            React.createElement(slots.indicator, Object.assign({}, slotProps.indicator)),
-            React.createElement(slots.input, Object.assign({}, slotProps.input))),
-        state.labelPosition === 'after' && slotProps.root.children));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderCheckbox_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const renderCheckbox_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, { ...slotProps.root
+  }, state.labelPosition === 'before' && slots.label && React.createElement(slots.label, { ...slotProps.label
+  }), React.createElement(slots.indicator, { ...slotProps.indicator
+  }), React.createElement(slots.input, { ...slotProps.input
+  }), state.labelPosition === 'after' && slots.label && React.createElement(slots.label, { ...slotProps.label
+  }));
 };
-exports.renderCheckbox = renderCheckbox;
+
+exports.renderCheckbox_unstable = renderCheckbox_unstable;
 //# sourceMappingURL=renderCheckbox.js.map

package/lib-commonjs/components/Checkbox/renderCheckbox.js.map

@@ -1 +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"}
+{"version":3,"sources":["../../../src/components/Checkbox/renderCheckbox.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,uBAAuB,GAAI,KAAD,IAAyB;AAC9D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,aAAN,KAAwB,QAAxB,IAAoC,KAAK,CAAC,KAA1C,IAAmD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADtD,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,SAAP,EAAgB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAhB,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CAHF,EAIG,KAAK,CAAC,aAAN,KAAwB,OAAxB,IAAmC,KAAK,CAAC,KAAzC,IAAkD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CAJrD,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

package/lib-commonjs/components/Checkbox/useCheckbox.d.ts

@@ -3,10 +3,10 @@ import { CheckboxProps, CheckboxState } from './Checkbox.types';
 /**
  * Create the state required to render Checkbox.
  *
- * The returned state can be modified with hooks such as useCheckboxStyles,
- * before being passed to renderCheckbox.
+ * The returned state can be modified with hooks such as useCheckboxStyles_unstable,
+ * before being passed to renderCheckbox_unstable.
  *
  * @param props - props from this instance of Checkbox
  * @param ref - reference to `<input>` element of Checkbox
  */
-export declare const useCheckbox: (props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => CheckboxState;
+export declare const useCheckbox_unstable: (props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => CheckboxState;

package/lib-commonjs/components/Checkbox/useCheckbox.js

@@ -1,92 +1,124 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCheckbox = void 0;
-const React = require("react");
-const react_utilities_1 = require("@fluentui/react-utilities");
-const DefaultIcons_1 = require("./DefaultIcons");
-const react_label_1 = require("@fluentui/react-label");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckbox_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+
+const react_label_1 = /*#__PURE__*/require("@fluentui/react-label");
 /**
  * Create the state required to render Checkbox.
  *
- * The returned state can be modified with hooks such as useCheckboxStyles,
- * before being passed to renderCheckbox.
+ * The returned state can be modified with hooks such as useCheckboxStyles_unstable,
+ * before being passed to renderCheckbox_unstable.
  *
  * @param props - props from this instance of Checkbox
  * @param ref - reference to `<input>` element of Checkbox
  */
-const useCheckbox = (props, ref) => {
-    const { circular, size = 'medium', labelPosition = 'after' } = props;
-    const [checked, setChecked] = react_utilities_1.useControllableState({
-        defaultState: props.defaultChecked,
-        state: props.checked,
-        initialState: false,
-    });
-    const nativeProps = react_utilities_1.getPartitionedNativeProps({
-        props,
-        primarySlotTagName: 'input',
-        excludedPropNames: ['checked', 'defaultChecked', 'children'],
-    });
-    const state = {
-        circular,
-        checked,
-        size,
-        labelPosition,
-        hasLabel: !!props.children,
-        components: {
-            root: props.children !== undefined ? react_label_1.Label : 'span',
-            indicator: 'div',
-            input: 'input',
-        },
-        root: react_utilities_1.resolveShorthand(props.root, {
-            required: true,
-            defaultProps: {
-                children: props.children,
-                ...nativeProps.root,
-            },
-        }),
-        input: react_utilities_1.resolveShorthand(props.input, {
-            required: true,
-            defaultProps: {
-                type: 'checkbox',
-                id: react_utilities_1.useId('checkbox-', nativeProps.primary.id),
-                ref,
-                checked: checked === true,
-                ...nativeProps.primary,
-            },
-        }),
-        indicator: react_utilities_1.resolveShorthand(props.indicator, {
-            required: true,
-        }),
-    };
-    // Add the default checkmark icon if none was provided
-    if (!state.indicator.children) {
-        if (state.size === 'medium') {
-            state.indicator.children = checked === 'mixed' ? React.createElement(DefaultIcons_1.Mixed12Regular, null) : React.createElement(DefaultIcons_1.Checkmark12Regular, null);
-        }
-        else {
-            state.indicator.children = checked === 'mixed' ? React.createElement(DefaultIcons_1.Mixed16Regular, null) : React.createElement(DefaultIcons_1.Checkmark16Regular, null);
-        }
+
+
+const useCheckbox_unstable = (props, ref) => {
+  const {
+    disabled,
+    required,
+    circular = false,
+    size = 'medium',
+    labelPosition = 'after',
+    onChange
+  } = props;
+  const [checked, setChecked] = react_utilities_1.useControllableState({
+    defaultState: props.defaultChecked,
+    state: props.checked,
+    initialState: false
+  });
+  const nativeProps = react_utilities_1.getPartitionedNativeProps({
+    props,
+    primarySlotTagName: 'input',
+    excludedPropNames: ['checked', 'defaultChecked', 'size', 'onChange']
+  });
+  const mixed = checked === 'mixed';
+  const id = react_utilities_1.useId('checkbox-', nativeProps.primary.id);
+  let checkmarkIcon;
+
+  if (mixed) {
+    if (circular) {
+      checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Circle16Filled, null) : React.createElement(react_icons_1.Circle12Filled, null);
+    } else {
+      checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Square16Filled, null) : React.createElement(react_icons_1.Square12Filled, null);
     }
-    const onChange = state.input.onChange;
-    state.input.onChange = react_utilities_1.useEventCallback(ev => {
-        ev.stopPropagation();
-        const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
-        onChange === null || onChange === void 0 ? void 0 : onChange(ev, { checked: val });
-        setChecked(val);
+  } else {
+    checkmarkIcon = size === 'large' ? React.createElement(react_icons_1.Checkmark16Filled, null) : React.createElement(react_icons_1.Checkmark12Filled, null);
+  }
+
+  const state = {
+    circular,
+    checked,
+    size,
+    labelPosition,
+    components: {
+      root: 'span',
+      input: 'input',
+      indicator: 'div',
+      label: react_label_1.Label
+    },
+    root: react_utilities_1.resolveShorthand(props.root, {
+      required: true,
+      defaultProps: nativeProps.root
+    }),
+    input: react_utilities_1.resolveShorthand(props.input, {
+      required: true,
+      defaultProps: {
+        type: 'checkbox',
+        id,
+        ref,
+        checked: checked === true,
+        ...nativeProps.primary
+      }
+    }),
+    label: react_utilities_1.resolveShorthand(props.label, {
+      required: false,
+      defaultProps: {
+        htmlFor: id,
+        disabled,
+        required,
+        size: 'medium' // Even if the checkbox itself is large
+
+      }
+    }),
+    indicator: react_utilities_1.resolveShorthand(props.indicator, {
+      required: true,
+      defaultProps: {
+        'aria-hidden': true,
+        children: checkmarkIcon
+      }
+    })
+  };
+  state.input.onChange = react_utilities_1.useEventCallback(ev => {
+    const val = ev.currentTarget.indeterminate ? 'mixed' : ev.currentTarget.checked;
+    onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+      checked: val
     });
-    // Create a ref object for the input element so we can use it to set the indeterminate prop.
-    // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
-    const inputRef = react_utilities_1.useMergedRefs(state.input.ref);
-    state.input.ref = inputRef;
-    // Set the <input> element's checked and indeterminate properties based on our tri-state property.
-    // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
-    const indeterminate = checked === 'mixed';
-    react_utilities_1.useIsomorphicLayoutEffect(() => {
-        if (inputRef.current) {
-            inputRef.current.indeterminate = indeterminate;
-        }
-    }, [inputRef, indeterminate]);
-    return state;
+    setChecked(val);
+  }); // Create a ref object for the input element so we can use it to set the indeterminate prop.
+  // Use useMergedRefs, since the ref might be undefined or a function-ref (no .current)
+
+  const inputRef = react_utilities_1.useMergedRefs(state.input.ref);
+  state.input.ref = inputRef; // Set the <input> element's checked and indeterminate properties based on our tri-state property.
+  // Since indeterminate can only be set via javascript, it has to be done in a layout effect.
+
+  react_utilities_1.useIsomorphicLayoutEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.indeterminate = mixed;
+    }
+  }, [inputRef, mixed]);
+  return state;
 };
-exports.useCheckbox = useCheckbox;
+
+exports.useCheckbox_unstable = useCheckbox_unstable;
 //# sourceMappingURL=useCheckbox.js.map

package/lib-commonjs/components/Checkbox/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/components/Checkbox/useCheckboxStyles.d.ts

@@ -3,4 +3,4 @@ export declare const checkboxClassName = "fui-Checkbox";
 /**
  * Apply styling to the Checkbox slots based on the state
  */
-export declare const useCheckboxStyles: (state: CheckboxState) => CheckboxState;
+export declare const useCheckboxStyles_unstable: (state: CheckboxState) => CheckboxState;