@fluentui/react-switch 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/components/Switch/Switch.js

@@ -1,24 +1,25 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Switch", {
-    enumerable: true,
-    get: ()=>Switch
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useSwitch = require("./useSwitch");
-const _renderSwitch = require("./renderSwitch");
-const _useSwitchStyles = require("./useSwitchStyles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const Switch = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useSwitch.useSwitch_unstable)(props, ref);
-    (0, _useSwitchStyles.useSwitchStyles_unstable)(state);
-    const { useSwitchStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
-    return (0, _renderSwitch.renderSwitch_unstable)(state);
+exports.Switch = void 0;
+const React = /*#__PURE__*/require("react");
+const useSwitch_1 = /*#__PURE__*/require("./useSwitch");
+const renderSwitch_1 = /*#__PURE__*/require("./renderSwitch");
+const useSwitchStyles_1 = /*#__PURE__*/require("./useSwitchStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+/**
+ * Switches enable users to trigger an option on or off through pressing the component.
+ */
+exports.Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useSwitch_1.useSwitch_unstable(props, ref);
+  useSwitchStyles_1.useSwitchStyles_unstable(state);
+  const {
+    useSwitchStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+  return renderSwitch_1.renderSwitch_unstable(state);
 });
-Switch.displayName = "Switch"; //# sourceMappingURL=Switch.js.map
-
+exports.Switch.displayName = 'Switch';
 //# sourceMappingURL=Switch.js.map

package/lib-commonjs/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Switch/Switch.js"],"sourcesContent":["import * as React from \"react\";\nimport { useSwitch_unstable } from \"./useSwitch\";\nimport { renderSwitch_unstable } from \"./renderSwitch\";\nimport { useSwitchStyles_unstable } from \"./useSwitchStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSwitch_unstable(props, ref);\n  useSwitchStyles_unstable(state);\n  const {\n    useSwitchStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderSwitch_unstable(state);\n});\nSwitch.displayName = \"Switch\";\n//# sourceMappingURL=Switch.js.map"],"names":["Switch","React","forwardRef","props","ref","state","useSwitch_unstable","useSwitchStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSwitch_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;2BACY;8BACG;iCACG;qCACI;AAItC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,yCAAwB,EAACF;IACzB,MAAM,EACJE,0BAA0BC,gBAAe,EAC1C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mCAAqB,EAACL;AAC/B;AACAL,OAAOW,WAAW,GAAG,UACrB,kCAAkC"}
+{"version":3,"names":["React","require","useSwitch_1","renderSwitch_1","useSwitchStyles_1","react_shared_contexts_1","exports","Switch","forwardRef","props","ref","state","useSwitch_unstable","useSwitchStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSwitch_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSwitch_unstable } from './useSwitch';\nimport { renderSwitch_unstable } from './renderSwitch';\nimport { useSwitchStyles_unstable } from './useSwitchStyles';\nimport type { SwitchProps } from './Switch.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Switches enable users to trigger an option on or off through pressing the component.\n */\nexport const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {\n  const state = useSwitch_unstable(props, ref);\n\n  useSwitchStyles_unstable(state);\n\n  const { useSwitchStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderSwitch_unstable(state);\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,WAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,iBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,MAAM,gBAAqCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtF,MAAMC,KAAK,GAAGT,WAAA,CAAAU,kBAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE5CN,iBAAA,CAAAS,wBAAwB,CAACF,KAAK,CAAC;EAE/B,MAAM;IAAEE,wBAAwB,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACpFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,cAAA,CAAAa,qBAAqB,CAACL,KAAK,CAAC;AACrC,CAAC,CAAC;AAEFL,OAAA,CAAAC,MAAM,CAACU,WAAW,GAAG,QAAQ"}

package/lib-commonjs/components/Switch/Switch.types.js

@@ -1,9 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=Switch.types.js.map
-
 //# sourceMappingURL=Switch.types.js.map

package/lib-commonjs/components/Switch/Switch.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Switch/Switch.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=Switch.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,wCAAwC"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/Switch.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SwitchSlots = {\n  /**\n   * The root element of the Switch.\n   *\n   * The root slot receives the `className` and `style` specified directly on the `<Switch>` tag.\n   * All other native props will be applied to the primary slot: `input`.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The track and the thumb sliding over it indicating the on and off status of the Switch.\n   */\n  indicator: NonNullable<Slot<'div'>>;\n\n  /**\n   * Hidden input that handles the Switch's functionality.\n   *\n   * This is the PRIMARY slot: all native properties specified directly on the `<Switch>` tag will be applied to this\n   * slot, except `className` and `style`, which remain on the root slot.\n   */\n  input: NonNullable<Slot<'input'>>;\n\n  /**\n   * The Switch's label.\n   */\n  label?: Slot<typeof Label>;\n};\n\nexport type SwitchOnChangeData = {\n  checked: boolean;\n};\n\n/**\n * Switch Props\n */\nexport type SwitchProps = Omit<\n  ComponentProps<Partial<SwitchSlots>, 'input'>,\n  'checked' | 'defaultChecked' | 'onChange'\n> & {\n  /**\n   * Defines the controlled checked state of the Switch.\n   * If passed, Switch ignores the `defaultChecked` property.\n   * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the\n   * correct value based on handling `onChange` events and re-rendering.\n   *\n   * @default false\n   */\n  checked?: boolean;\n\n  /**\n   * Defines whether the Switch is initially in a checked state or not when rendered.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The position of the label relative to the Switch.\n   *\n   * @default after\n   */\n  labelPosition?: 'above' | 'after' | 'before';\n\n  /**\n   * Callback to be called when the checked state value changes.\n   */\n  onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: SwitchOnChangeData) => void;\n};\n\n/**\n * State used in rendering Switch\n */\nexport type SwitchState = ComponentState<SwitchSlots> & Required<Pick<SwitchProps, 'labelPosition'>>;\n"],"mappings":""}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Switch"), exports);
-_exportStar(require("./Switch.types"), exports);
-_exportStar(require("./renderSwitch"), exports);
-_exportStar(require("./useSwitch"), exports);
-_exportStar(require("./useSwitchStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./Switch"), exports);
+tslib_1.__exportStar(require("./Switch.types"), exports);
+tslib_1.__exportStar(require("./renderSwitch"), exports);
+tslib_1.__exportStar(require("./useSwitch"), exports);
+tslib_1.__exportStar(require("./useSwitchStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Switch/index.js"],"sourcesContent":["export * from \"./Switch\";\nexport * from \"./Switch.types\";\nexport * from \"./renderSwitch\";\nexport * from \"./useSwitch\";\nexport * from \"./useSwitchStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/index.ts"],"sourcesContent":["export * from './Switch';\nexport * from './Switch.types';\nexport * from './renderSwitch';\nexport * from './useSwitch';\nexport * from './useSwitchStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,cAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA"}

package/lib-commonjs/components/Switch/renderSwitch.js

@@ -1,18 +1,33 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderSwitch_unstable", {
-    enumerable: true,
-    get: ()=>renderSwitch_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderSwitch_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    const { labelPosition  } = state;
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.input, slotProps.input), labelPosition !== "after" && slots.label && /*#__PURE__*/ _react.createElement(slots.label, slotProps.label), /*#__PURE__*/ _react.createElement(slots.indicator, slotProps.indicator), labelPosition === "after" && slots.label && /*#__PURE__*/ _react.createElement(slots.label, slotProps.label));
-}; //# sourceMappingURL=renderSwitch.js.map
-
+exports.renderSwitch_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render a Switch component by passing the state defined props to the appropriate slots.
+ */
+const renderSwitch_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  const {
+    labelPosition
+  } = state;
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, React.createElement(slots.input, {
+    ...slotProps.input
+  }), labelPosition !== 'after' && slots.label && React.createElement(slots.label, {
+    ...slotProps.label
+  }), React.createElement(slots.indicator, {
+    ...slotProps.indicator
+  }), labelPosition === 'after' && slots.label && React.createElement(slots.label, {
+    ...slotProps.label
+  }));
+};
+exports.renderSwitch_unstable = renderSwitch_unstable;
 //# sourceMappingURL=renderSwitch.js.map

package/lib-commonjs/components/Switch/renderSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Switch/renderSwitch.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  const {\n    labelPosition\n  } = state;\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.input, slotProps.input), labelPosition !== \"after\" && slots.label && /*#__PURE__*/React.createElement(slots.label, slotProps.label), /*#__PURE__*/React.createElement(slots.indicator, slotProps.indicator), labelPosition === \"after\" && slots.label && /*#__PURE__*/React.createElement(slots.label, slotProps.label));\n};\n//# sourceMappingURL=renderSwitch.js.map"],"names":["renderSwitch_unstable","state","slots","slotProps","getSlots","labelPosition","React","createElement","root","input","label","indicator"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,MAAM,EACJI,cAAa,EACd,GAAGJ;IACJ,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACL,MAAMM,IAAI,EAAEL,UAAUK,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACL,MAAMO,KAAK,EAAEN,UAAUM,KAAK,GAAGJ,kBAAkB,WAAWH,MAAMQ,KAAK,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACL,MAAMQ,KAAK,EAAEP,UAAUO,KAAK,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACL,MAAMS,SAAS,EAAER,UAAUQ,SAAS,GAAGN,kBAAkB,WAAWH,MAAMQ,KAAK,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACL,MAAMQ,KAAK,EAAEP,UAAUO,KAAK;AACna,GACA,wCAAwC"}
+{"version":3,"names":["React","require","react_utilities_1","renderSwitch_unstable","state","slots","slotProps","getSlots","labelPosition","createElement","root","input","label","indicator","exports"],"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SwitchState, SwitchSlots } from './Switch.types';\n\n/**\n * Render a Switch component by passing the state defined props to the appropriate slots.\n */\nexport const renderSwitch_unstable = (state: SwitchState) => {\n  const { slots, slotProps } = getSlots<SwitchSlots>(state);\n  const { labelPosition } = state;\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      {labelPosition !== 'after' && slots.label && <slots.label {...slotProps.label} />}\n      <slots.indicator {...slotProps.indicator} />\n      {labelPosition === 'after' && slots.label && <slots.label {...slotProps.label} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,qBAAqB,GAAIC,KAAkB,IAAI;EAC1D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAcH,KAAK,CAAC;EACzD,MAAM;IAAEI;EAAa,CAAE,GAAGJ,KAAK;EAE/B,OACEJ,KAAA,CAAAS,aAAA,CAACJ,KAAK,CAACK,IAAI;IAAA,GAAKJ,SAAS,CAACI;EAAI,GAC5BV,KAAA,CAAAS,aAAA,CAACJ,KAAK,CAACM,KAAK;IAAA,GAAKL,SAAS,CAACK;EAAK,EAAI,EACnCH,aAAa,KAAK,OAAO,IAAIH,KAAK,CAACO,KAAK,IAAIZ,KAAA,CAAAS,aAAA,CAACJ,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,EACjFZ,KAAA,CAAAS,aAAA,CAACJ,KAAK,CAACQ,SAAS;IAAA,GAAKP,SAAS,CAACO;EAAS,EAAI,EAC3CL,aAAa,KAAK,OAAO,IAAIH,KAAK,CAACO,KAAK,IAAIZ,KAAA,CAAAS,aAAA,CAACJ,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,CACtE;AAEjB,CAAC;AAZYE,OAAA,CAAAX,qBAAqB,GAAAA,qBAAA"}

package/lib-commonjs/components/Switch/useSwitch.js

@@ -1,80 +1,89 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useSwitch_unstable", {
-    enumerable: true,
-    get: ()=>useSwitch_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactIcons = require("@fluentui/react-icons");
-const _reactLabel = require("@fluentui/react-label");
-const _reactTabster = require("@fluentui/react-tabster");
-const _reactUtilities = require("@fluentui/react-utilities");
-const useSwitch_unstable = (props, ref)=>{
-    const { checked , defaultChecked , disabled , labelPosition ="after" , onChange , required  } = props;
-    const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
-        props,
-        primarySlotTagName: "input",
-        excludedPropNames: [
-            "checked",
-            "defaultChecked",
-            "onChange"
-        ]
-    });
-    const id = (0, _reactUtilities.useId)("switch-", nativeProps.primary.id);
-    const root = (0, _reactUtilities.resolveShorthand)(props.root, {
-        defaultProps: {
-            ref: (0, _reactTabster.useFocusWithin)(),
-            ...nativeProps.root
-        },
-        required: true
-    });
-    const indicator = (0, _reactUtilities.resolveShorthand)(props.indicator, {
-        defaultProps: {
-            "aria-hidden": true,
-            children: /*#__PURE__*/ _react.createElement(_reactIcons.CircleFilled, null)
-        },
-        required: true
-    });
-    const input = (0, _reactUtilities.resolveShorthand)(props.input, {
-        defaultProps: {
-            checked,
-            defaultChecked,
-            id,
-            ref,
-            role: "switch",
-            type: "checkbox",
-            ...nativeProps.primary
-        },
-        required: true
-    });
-    input.onChange = (0, _reactUtilities.mergeCallbacks)(input.onChange, (ev)=>onChange?.(ev, {
-            checked: ev.currentTarget.checked
-        }));
-    const label = (0, _reactUtilities.resolveShorthand)(props.label, {
-        defaultProps: {
-            disabled,
-            htmlFor: id,
-            required,
-            size: "medium"
-        }
-    });
-    return {
-        labelPosition,
-        //Slots definition
-        components: {
-            root: "div",
-            indicator: "div",
-            input: "input",
-            label: _reactLabel.Label
-        },
-        root,
-        indicator,
-        input,
-        label
-    };
-}; //# sourceMappingURL=useSwitch.js.map
-
+exports.useSwitch_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const react_label_1 = /*#__PURE__*/require("@fluentui/react-label");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Create the state required to render Switch.
+ *
+ * The returned state can be modified with hooks such as useSwitchStyles_unstable,
+ * before being passed to renderSwitch_unstable.
+ *
+ * @param props - props from this instance of Switch
+ * @param ref - reference to `<input>` element of Switch
+ */
+const useSwitch_unstable = (props, ref) => {
+  const {
+    checked,
+    defaultChecked,
+    disabled,
+    labelPosition = 'after',
+    onChange,
+    required
+  } = props;
+  const nativeProps = react_utilities_1.getPartitionedNativeProps({
+    props,
+    primarySlotTagName: 'input',
+    excludedPropNames: ['checked', 'defaultChecked', 'onChange']
+  });
+  const id = react_utilities_1.useId('switch-', nativeProps.primary.id);
+  const root = react_utilities_1.resolveShorthand(props.root, {
+    defaultProps: {
+      ref: react_tabster_1.useFocusWithin(),
+      ...nativeProps.root
+    },
+    required: true
+  });
+  const indicator = react_utilities_1.resolveShorthand(props.indicator, {
+    defaultProps: {
+      'aria-hidden': true,
+      children: React.createElement(react_icons_1.CircleFilled, null)
+    },
+    required: true
+  });
+  const input = react_utilities_1.resolveShorthand(props.input, {
+    defaultProps: {
+      checked,
+      defaultChecked,
+      id,
+      ref,
+      role: 'switch',
+      type: 'checkbox',
+      ...nativeProps.primary
+    },
+    required: true
+  });
+  input.onChange = react_utilities_1.mergeCallbacks(input.onChange, ev => onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+    checked: ev.currentTarget.checked
+  }));
+  const label = react_utilities_1.resolveShorthand(props.label, {
+    defaultProps: {
+      disabled,
+      htmlFor: id,
+      required,
+      size: 'medium'
+    }
+  });
+  return {
+    labelPosition,
+    //Slots definition
+    components: {
+      root: 'div',
+      indicator: 'div',
+      input: 'input',
+      label: react_label_1.Label
+    },
+    root,
+    indicator,
+    input,
+    label
+  };
+};
+exports.useSwitch_unstable = useSwitch_unstable;
 //# sourceMappingURL=useSwitch.js.map

package/lib-commonjs/components/Switch/useSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Switch/useSwitch.js"],"sourcesContent":["import * as React from \"react\";\nimport { CircleFilled } from \"@fluentui/react-icons\";\nimport { Label } from \"@fluentui/react-label\";\nimport { useFocusWithin } from \"@fluentui/react-tabster\";\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from \"@fluentui/react-utilities\";\n/**\n * Create the state required to render Switch.\n *\n * The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n *\n * @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props, ref) => {\n  const {\n    checked,\n    defaultChecked,\n    disabled,\n    labelPosition = \"after\",\n    onChange,\n    required\n  } = props;\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: \"input\",\n    excludedPropNames: [\"checked\", \"defaultChecked\", \"onChange\"]\n  });\n  const id = useId(\"switch-\", nativeProps.primary.id);\n  const root = resolveShorthand(props.root, {\n    defaultProps: {\n      ref: useFocusWithin(),\n      ...nativeProps.root\n    },\n    required: true\n  });\n  const indicator = resolveShorthand(props.indicator, {\n    defaultProps: {\n      \"aria-hidden\": true,\n      children: /*#__PURE__*/React.createElement(CircleFilled, null)\n    },\n    required: true\n  });\n  const input = resolveShorthand(props.input, {\n    defaultProps: {\n      checked,\n      defaultChecked,\n      id,\n      ref,\n      role: \"switch\",\n      type: \"checkbox\",\n      ...nativeProps.primary\n    },\n    required: true\n  });\n  input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, {\n    checked: ev.currentTarget.checked\n  }));\n  const label = resolveShorthand(props.label, {\n    defaultProps: {\n      disabled,\n      htmlFor: id,\n      required,\n      size: \"medium\"\n    }\n  });\n  return {\n    labelPosition,\n    //Slots definition\n    components: {\n      root: \"div\",\n      indicator: \"div\",\n      input: \"input\",\n      label: Label\n    },\n    root,\n    indicator,\n    input,\n    label\n  };\n};\n//# sourceMappingURL=useSwitch.js.map"],"names":["useSwitch_unstable","props","ref","checked","defaultChecked","disabled","labelPosition","onChange","required","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","id","useId","primary","root","resolveShorthand","defaultProps","useFocusWithin","indicator","children","React","createElement","CircleFilled","input","role","type","mergeCallbacks","ev","currentTarget","label","htmlFor","size","components","Label"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAdU;4BACM;4BACP;8BACS;gCACoD;AAU5E,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,MAAM,EACJC,QAAO,EACPC,eAAc,EACdC,SAAQ,EACRC,eAAgB,QAAO,EACvBC,SAAQ,EACRC,SAAQ,EACT,GAAGP;IACJ,MAAMQ,cAAcC,IAAAA,yCAAyB,EAAC;QAC5CT;QACAU,oBAAoB;QACpBC,mBAAmB;YAAC;YAAW;YAAkB;SAAW;IAC9D;IACA,MAAMC,KAAKC,IAAAA,qBAAK,EAAC,WAAWL,YAAYM,OAAO,CAACF,EAAE;IAClD,MAAMG,OAAOC,IAAAA,gCAAgB,EAAChB,MAAMe,IAAI,EAAE;QACxCE,cAAc;YACZhB,KAAKiB,IAAAA,4BAAc;YACnB,GAAGV,YAAYO,IAAI;QACrB;QACAR,UAAU,IAAI;IAChB;IACA,MAAMY,YAAYH,IAAAA,gCAAgB,EAAChB,MAAMmB,SAAS,EAAE;QAClDF,cAAc;YACZ,eAAe,IAAI;YACnBG,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,wBAAY,EAAE,IAAI;QAC/D;QACAhB,UAAU,IAAI;IAChB;IACA,MAAMiB,QAAQR,IAAAA,gCAAgB,EAAChB,MAAMwB,KAAK,EAAE;QAC1CP,cAAc;YACZf;YACAC;YACAS;YACAX;YACAwB,MAAM;YACNC,MAAM;YACN,GAAGlB,YAAYM,OAAO;QACxB;QACAP,UAAU,IAAI;IAChB;IACAiB,MAAMlB,QAAQ,GAAGqB,IAAAA,8BAAc,EAACH,MAAMlB,QAAQ,EAAEsB,CAAAA,KAAMtB,WAAWsB,IAAI;YACnE1B,SAAS0B,GAAGC,aAAa,CAAC3B,OAAO;QACnC;IACA,MAAM4B,QAAQd,IAAAA,gCAAgB,EAAChB,MAAM8B,KAAK,EAAE;QAC1Cb,cAAc;YACZb;YACA2B,SAASnB;YACTL;YACAyB,MAAM;QACR;IACF;IACA,OAAO;QACL3B;QACA,kBAAkB;QAClB4B,YAAY;YACVlB,MAAM;YACNI,WAAW;YACXK,OAAO;YACPM,OAAOI,iBAAK;QACd;QACAnB;QACAI;QACAK;QACAM;IACF;AACF,GACA,qCAAqC"}
+{"version":3,"names":["React","require","react_icons_1","react_label_1","react_tabster_1","react_utilities_1","useSwitch_unstable","props","ref","checked","defaultChecked","disabled","labelPosition","onChange","required","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","id","useId","primary","root","resolveShorthand","defaultProps","useFocusWithin","indicator","children","createElement","CircleFilled","input","role","type","mergeCallbacks","ev","currentTarget","label","htmlFor","size","components","Label","exports"],"sources":["../../../../../../../../../packages/react-components/react-switch/src/components/Switch/useSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CircleFilled } from '@fluentui/react-icons';\nimport { Label } from '@fluentui/react-label';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { SwitchProps, SwitchState } from './Switch.types';\n\n/**\n * Create the state required to render Switch.\n *\n * The returned state can be modified with hooks such as useSwitchStyles_unstable,\n * before being passed to renderSwitch_unstable.\n *\n * @param props - props from this instance of Switch\n * @param ref - reference to `<input>` element of Switch\n */\nexport const useSwitch_unstable = (props: SwitchProps, ref: React.Ref<HTMLInputElement>): SwitchState => {\n  const { checked, defaultChecked, disabled, labelPosition = 'after', onChange, required } = props;\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['checked', 'defaultChecked', 'onChange'],\n  });\n\n  const id = useId('switch-', nativeProps.primary.id);\n\n  const root = resolveShorthand(props.root, {\n    defaultProps: { ref: useFocusWithin<HTMLDivElement>(), ...nativeProps.root },\n    required: true,\n  });\n\n  const indicator = resolveShorthand(props.indicator, {\n    defaultProps: {\n      'aria-hidden': true,\n      children: <CircleFilled />,\n    },\n    required: true,\n  });\n\n  const input = resolveShorthand(props.input, {\n    defaultProps: {\n      checked,\n      defaultChecked,\n      id,\n      ref,\n      role: 'switch',\n      type: 'checkbox',\n      ...nativeProps.primary,\n    },\n    required: true,\n  });\n  input.onChange = mergeCallbacks(input.onChange, ev => onChange?.(ev, { checked: ev.currentTarget.checked }));\n\n  const label = resolveShorthand(props.label, {\n    defaultProps: {\n      disabled,\n      htmlFor: id,\n      required,\n      size: 'medium',\n    },\n  });\n\n  return {\n    labelPosition,\n\n    //Slots definition\n    components: {\n      root: 'div',\n      indicator: 'div',\n      input: 'input',\n      label: Label,\n    },\n\n    root,\n    indicator,\n    input,\n    label,\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AACA,MAAAI,iBAAA,gBAAAJ,OAAA;AAGA;;;;;;;;;AASO,MAAMK,kBAAkB,GAAGA,CAACC,KAAkB,EAAEC,GAAgC,KAAiB;EACtG,MAAM;IAAEC,OAAO;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,aAAa,GAAG,OAAO;IAAEC,QAAQ;IAAEC;EAAQ,CAAE,GAAGP,KAAK;EAEhG,MAAMQ,WAAW,GAAGV,iBAAA,CAAAW,yBAAyB,CAAC;IAC5CT,KAAK;IACLU,kBAAkB,EAAE,OAAO;IAC3BC,iBAAiB,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU;GAC5D,CAAC;EAEF,MAAMC,EAAE,GAAGd,iBAAA,CAAAe,KAAK,CAAC,SAAS,EAAEL,WAAW,CAACM,OAAO,CAACF,EAAE,CAAC;EAEnD,MAAMG,IAAI,GAAGjB,iBAAA,CAAAkB,gBAAgB,CAAChB,KAAK,CAACe,IAAI,EAAE;IACxCE,YAAY,EAAE;MAAEhB,GAAG,EAAEJ,eAAA,CAAAqB,cAAc,EAAkB;MAAE,GAAGV,WAAW,CAACO;IAAI,CAAE;IAC5ER,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMY,SAAS,GAAGrB,iBAAA,CAAAkB,gBAAgB,CAAChB,KAAK,CAACmB,SAAS,EAAE;IAClDF,YAAY,EAAE;MACZ,aAAa,EAAE,IAAI;MACnBG,QAAQ,EAAE3B,KAAA,CAAA4B,aAAA,CAAC1B,aAAA,CAAA2B,YAAY;KACxB;IACDf,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMgB,KAAK,GAAGzB,iBAAA,CAAAkB,gBAAgB,CAAChB,KAAK,CAACuB,KAAK,EAAE;IAC1CN,YAAY,EAAE;MACZf,OAAO;MACPC,cAAc;MACdS,EAAE;MACFX,GAAG;MACHuB,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAE,UAAU;MAChB,GAAGjB,WAAW,CAACM;KAChB;IACDP,QAAQ,EAAE;GACX,CAAC;EACFgB,KAAK,CAACjB,QAAQ,GAAGR,iBAAA,CAAA4B,cAAc,CAACH,KAAK,CAACjB,QAAQ,EAAEqB,EAAE,IAAIrB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqB,EAAE,EAAE;IAAEzB,OAAO,EAAEyB,EAAE,CAACC,aAAa,CAAC1B;EAAO,CAAE,CAAC,CAAC;EAE5G,MAAM2B,KAAK,GAAG/B,iBAAA,CAAAkB,gBAAgB,CAAChB,KAAK,CAAC6B,KAAK,EAAE;IAC1CZ,YAAY,EAAE;MACZb,QAAQ;MACR0B,OAAO,EAAElB,EAAE;MACXL,QAAQ;MACRwB,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACL1B,aAAa;IAEb;IACA2B,UAAU,EAAE;MACVjB,IAAI,EAAE,KAAK;MACXI,SAAS,EAAE,KAAK;MAChBI,KAAK,EAAE,OAAO;MACdM,KAAK,EAAEjC,aAAA,CAAAqC;KACR;IAEDlB,IAAI;IACJI,SAAS;IACTI,KAAK;IACLM;GACD;AACH,CAAC;AA/DYK,OAAA,CAAAnC,kBAAkB,GAAAA,kBAAA"}