@react-stately/toggle 3.2.0 → 3.2.4

package/dist/main.js

@@ -1,53 +1,49 @@
-var {
-  useControlledState
-} = require("@react-stately/utils");
-
-/**
- * Provides state management for toggle components like checkboxes and switches.
- */
-function useToggleState(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  let {
-    isReadOnly,
-    onChange
-  } = props; // have to provide an empty function so useControlledState doesn't throw a fit
-  // can't use useControlledState's prop calling because we need the event object from the change
-
-  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, () => {});
-
-  function updateSelected(value) {
-    if (!isReadOnly) {
-      setSelected(value);
-
-      if (onChange) {
-        onChange(value);
-      }
-    }
-  }
+var $55Cch$reactstatelyutils = require("@react-stately/utils");
 
-  function toggleState() {
-    if (!isReadOnly) {
-      setSelected(prev => {
-        let newVal = !prev;
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-        if (onChange) {
-          onChange(newVal);
-        }
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-        return newVal;
-      });
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $311639b6a2ed1075$exports = {};
+
+$parcel$export($311639b6a2ed1075$exports, "useToggleState", () => $311639b6a2ed1075$export$8042c6c013fd5226);
+
+function $311639b6a2ed1075$export$8042c6c013fd5226(props = {
+}) {
+    let { isReadOnly: isReadOnly  } = props;
+    // have to provide an empty function so useControlledState doesn't throw a fit
+    // can't use useControlledState's prop calling because we need the event object from the change
+    let [isSelected, setSelected] = $55Cch$reactstatelyutils.useControlledState(props.isSelected, props.defaultSelected || false, props.onChange);
+    function updateSelected(value) {
+        if (!isReadOnly) setSelected(value);
     }
-  }
-
-  return {
-    isSelected,
-    setSelected: updateSelected,
-    toggle: toggleState
-  };
+    function toggleState() {
+        if (!isReadOnly) setSelected(!isSelected);
+    }
+    return {
+        isSelected: isSelected,
+        setSelected: updateSelected,
+        toggle: toggleState
+    };
 }
 
-exports.useToggleState = useToggleState;
+
+$parcel$exportWildcard(module.exports, $311639b6a2ed1075$exports);
+
+
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;AA0BA;;;AAGO,SAASA,cAAT,CAAwBC,KAAxB,EAA8D;AAAA,MAAtCA,KAAsC;AAAtCA,IAAAA,KAAsC,GAAjB,EAAiB;AAAA;;AACnE,MAAI;AAACC,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAAyBF,KAA7B,CADmE,CAGnE;AACA;;AACA,MAAI,CAACG,UAAD,EAAaC,WAAb,IAA4BC,kBAAkB,CAACL,KAAK,CAACG,UAAP,EAAmBH,KAAK,CAACM,eAAN,IAAyB,KAA5C,EAAmD,MAAM,CAAE,CAA3D,CAAlD;;AAEA,WAASC,cAAT,CAAwBC,KAAxB,EAA+B;AAC7B,QAAI,CAACP,UAAL,EAAiB;AACfG,MAAAA,WAAW,CAACI,KAAD,CAAX;;AACA,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACM,KAAD,CAAR;AACD;AACF;AACF;;AAED,WAASC,WAAT,GAAuB;AACrB,QAAI,CAACR,UAAL,EAAiB;AACfG,MAAAA,WAAW,CAACM,IAAI,IAAI;AAClB,YAAIC,MAAM,GAAG,CAACD,IAAd;;AACA,YAAIR,QAAJ,EAAc;AACZA,UAAAA,QAAQ,CAACS,MAAD,CAAR;AACD;;AACD,eAAOA,MAAP;AACD,OANU,CAAX;AAOD;AACF;;AAED,SAAO;AACLR,IAAAA,UADK;AAELC,IAAAA,WAAW,EAAEG,cAFR;AAGLK,IAAAA,MAAM,EAAEH;AAHH,GAAP;AAKD","sources":["./packages/@react-stately/toggle/src/useToggleState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ToggleProps} from '@react-types/checkbox';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: boolean,\n\n  /** Updates selection state. */\n  setSelected(isSelected: boolean): void,\n  \n  /** Toggle the selection state. */\n  toggle(): void\n}\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function useToggleState(props: ToggleProps = {}): ToggleState {\n  let {isReadOnly, onChange} = props;\n\n  // have to provide an empty function so useControlledState doesn't throw a fit\n  // can't use useControlledState's prop calling because we need the event object from the change\n  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, () => {});\n\n  function updateSelected(value) {\n    if (!isReadOnly) {\n      setSelected(value);\n      if (onChange) {\n        onChange(value);\n      }\n    }\n  }\n\n  function toggleState() {\n    if (!isReadOnly) {\n      setSelected(prev => {\n        let newVal = !prev;\n        if (onChange) {\n          onChange(newVal);\n        }\n        return newVal;\n      });\n    }\n  }\n\n  return {\n    isSelected,\n    setSelected: updateSelected,\n    toggle: toggleState\n  };\n}\n"],"names":["useToggleState","props","isReadOnly","onChange","isSelected","setSelected","useControlledState","defaultSelected","updateSelected","value","toggleState","prev","newVal","toggle"],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;SC6BgB,yCAAc,CAAC,KAAkB,GAAG,CAAC;AAAA,CAAC,EAAe,CAAC;IACpE,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,KAAK;IAExB,EAA8E,AAA9E,4EAA8E;IAC9E,EAA+F,AAA/F,6FAA+F;IAC/F,GAAG,EAAE,UAAU,EAAE,WAAW,IAAI,2CAAkB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,eAAe,IAAI,KAAK,EAAE,KAAK,CAAC,QAAQ;aAE1G,cAAc,CAAC,KAAK,EAAE,CAAC;QAC9B,EAAE,GAAG,UAAU,EACb,WAAW,CAAC,KAAK;IAErB,CAAC;aAEQ,WAAW,GAAG,CAAC;QACtB,EAAE,GAAG,UAAU,EACb,WAAW,EAAE,UAAU;IAE3B,CAAC;IAED,MAAM,CAAC,CAAC;oBACN,UAAU;QACV,WAAW,EAAE,cAAc;QAC3B,MAAM,EAAE,WAAW;IACrB,CAAC;AACH,CAAC","sources":["packages/@react-stately/toggle/src/index.ts","packages/@react-stately/toggle/src/useToggleState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport * from './useToggleState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ToggleProps} from '@react-types/checkbox';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: boolean,\n\n  /** Updates selection state. */\n  setSelected(isSelected: boolean): void,\n\n  /** Toggle the selection state. */\n  toggle(): void\n}\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function useToggleState(props: ToggleProps = {}): ToggleState {\n  let {isReadOnly} = props;\n\n  // have to provide an empty function so useControlledState doesn't throw a fit\n  // can't use useControlledState's prop calling because we need the event object from the change\n  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, props.onChange);\n\n  function updateSelected(value) {\n    if (!isReadOnly) {\n      setSelected(value);\n    }\n  }\n\n  function toggleState() {\n    if (!isReadOnly) {\n      setSelected(!isSelected);\n    }\n  }\n\n  return {\n    isSelected,\n    setSelected: updateSelected,\n    toggle: toggleState\n  };\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,49 +1,33 @@
-import { useControlledState } from "@react-stately/utils";
+import {useControlledState as $cWY0e$useControlledState} from "@react-stately/utils";
 
-/**
- * Provides state management for toggle components like checkboxes and switches.
- */
-export function useToggleState(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  let {
-    isReadOnly,
-    onChange
-  } = props; // have to provide an empty function so useControlledState doesn't throw a fit
-  // can't use useControlledState's prop calling because we need the event object from the change
-
-  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, () => {});
-
-  function updateSelected(value) {
-    if (!isReadOnly) {
-      setSelected(value);
-
-      if (onChange) {
-        onChange(value);
-      }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $f47e43bfabc9ba47$exports = {};
+
+$parcel$export($f47e43bfabc9ba47$exports, "useToggleState", () => $f47e43bfabc9ba47$export$8042c6c013fd5226);
+
+function $f47e43bfabc9ba47$export$8042c6c013fd5226(props = {
+}) {
+    let { isReadOnly: isReadOnly  } = props;
+    // have to provide an empty function so useControlledState doesn't throw a fit
+    // can't use useControlledState's prop calling because we need the event object from the change
+    let [isSelected, setSelected] = $cWY0e$useControlledState(props.isSelected, props.defaultSelected || false, props.onChange);
+    function updateSelected(value) {
+        if (!isReadOnly) setSelected(value);
     }
-  }
+    function toggleState() {
+        if (!isReadOnly) setSelected(!isSelected);
+    }
+    return {
+        isSelected: isSelected,
+        setSelected: updateSelected,
+        toggle: toggleState
+    };
+}
 
-  function toggleState() {
-    if (!isReadOnly) {
-      setSelected(prev => {
-        let newVal = !prev;
 
-        if (onChange) {
-          onChange(newVal);
-        }
 
-        return newVal;
-      });
-    }
-  }
 
-  return {
-    isSelected,
-    setSelected: updateSelected,
-    toggle: toggleState
-  };
-}
+export {$f47e43bfabc9ba47$export$8042c6c013fd5226 as useToggleState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;AA0BA;;;OAGO,SAASA,cAAT,CAAwBC,KAAxB,EAA8D;AAAA,MAAtCA,KAAsC;AAAtCA,IAAAA,KAAsC,GAAjB,EAAiB;AAAA;;AACnE,MAAI;AAACC,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAAyBF,KAA7B,CADmE,CAGnE;AACA;;AACA,MAAI,CAACG,UAAD,EAAaC,WAAb,IAA4BC,kBAAkB,CAACL,KAAK,CAACG,UAAP,EAAmBH,KAAK,CAACM,eAAN,IAAyB,KAA5C,EAAmD,MAAM,CAAE,CAA3D,CAAlD;;AAEA,WAASC,cAAT,CAAwBC,KAAxB,EAA+B;AAC7B,QAAI,CAACP,UAAL,EAAiB;AACfG,MAAAA,WAAW,CAACI,KAAD,CAAX;;AACA,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACM,KAAD,CAAR;AACD;AACF;AACF;;AAED,WAASC,WAAT,GAAuB;AACrB,QAAI,CAACR,UAAL,EAAiB;AACfG,MAAAA,WAAW,CAACM,IAAI,IAAI;AAClB,YAAIC,MAAM,GAAG,CAACD,IAAd;;AACA,YAAIR,QAAJ,EAAc;AACZA,UAAAA,QAAQ,CAACS,MAAD,CAAR;AACD;;AACD,eAAOA,MAAP;AACD,OANU,CAAX;AAOD;AACF;;AAED,SAAO;AACLR,IAAAA,UADK;AAELC,IAAAA,WAAW,EAAEG,cAFR;AAGLK,IAAAA,MAAM,EAAEH;AAHH,GAAP;AAKD","sources":["./packages/@react-stately/toggle/src/useToggleState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ToggleProps} from '@react-types/checkbox';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: boolean,\n\n  /** Updates selection state. */\n  setSelected(isSelected: boolean): void,\n  \n  /** Toggle the selection state. */\n  toggle(): void\n}\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function useToggleState(props: ToggleProps = {}): ToggleState {\n  let {isReadOnly, onChange} = props;\n\n  // have to provide an empty function so useControlledState doesn't throw a fit\n  // can't use useControlledState's prop calling because we need the event object from the change\n  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, () => {});\n\n  function updateSelected(value) {\n    if (!isReadOnly) {\n      setSelected(value);\n      if (onChange) {\n        onChange(value);\n      }\n    }\n  }\n\n  function toggleState() {\n    if (!isReadOnly) {\n      setSelected(prev => {\n        let newVal = !prev;\n        if (onChange) {\n          onChange(newVal);\n        }\n        return newVal;\n      });\n    }\n  }\n\n  return {\n    isSelected,\n    setSelected: updateSelected,\n    toggle: toggleState\n  };\n}\n"],"names":["useToggleState","props","isReadOnly","onChange","isSelected","setSelected","useControlledState","defaultSelected","updateSelected","value","toggleState","prev","newVal","toggle"],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;SC6BgB,yCAAc,CAAC,KAAkB,GAAG,CAAC;AAAA,CAAC,EAAe,CAAC;IACpE,GAAG,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,KAAK;IAExB,EAA8E,AAA9E,4EAA8E;IAC9E,EAA+F,AAA/F,6FAA+F;IAC/F,GAAG,EAAE,UAAU,EAAE,WAAW,IAAI,yBAAkB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,eAAe,IAAI,KAAK,EAAE,KAAK,CAAC,QAAQ;aAE1G,cAAc,CAAC,KAAK,EAAE,CAAC;QAC9B,EAAE,GAAG,UAAU,EACb,WAAW,CAAC,KAAK;IAErB,CAAC;aAEQ,WAAW,GAAG,CAAC;QACtB,EAAE,GAAG,UAAU,EACb,WAAW,EAAE,UAAU;IAE3B,CAAC;IAED,MAAM,CAAC,CAAC;oBACN,UAAU;QACV,WAAW,EAAE,cAAc;QAC3B,MAAM,EAAE,WAAW;IACrB,CAAC;AACH,CAAC","sources":["packages/@react-stately/toggle/src/index.ts","packages/@react-stately/toggle/src/useToggleState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport * from './useToggleState';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ToggleProps} from '@react-types/checkbox';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface ToggleState {\n  /** Whether the toggle is selected. */\n  readonly isSelected: boolean,\n\n  /** Updates selection state. */\n  setSelected(isSelected: boolean): void,\n\n  /** Toggle the selection state. */\n  toggle(): void\n}\n\n/**\n * Provides state management for toggle components like checkboxes and switches.\n */\nexport function useToggleState(props: ToggleProps = {}): ToggleState {\n  let {isReadOnly} = props;\n\n  // have to provide an empty function so useControlledState doesn't throw a fit\n  // can't use useControlledState's prop calling because we need the event object from the change\n  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, props.onChange);\n\n  function updateSelected(value) {\n    if (!isReadOnly) {\n      setSelected(value);\n    }\n  }\n\n  function toggleState() {\n    if (!isReadOnly) {\n      setSelected(!isSelected);\n    }\n  }\n\n  return {\n    isSelected,\n    setSelected: updateSelected,\n    toggle: toggleState\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;AAeA;IACE,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAE7B,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IAEvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAA;CACf;AAED;A;GAEG;AACH,+BAA+B,KAAK,GAAE,WAAgB,GAAG,WAAW,CAiCnE","sources":["./packages/@react-stately/toggle/src/packages/@react-stately/toggle/src/useToggleState.ts","./packages/@react-stately/toggle/src/packages/@react-stately/toggle/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";AAeA;IACE,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAE7B,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IAEvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAA;CACf;AAED;;GAEG;AACH,+BAA+B,KAAK,GAAE,WAAgB,GAAG,WAAW,CAwBnE","sources":["packages/@react-stately/toggle/src/packages/@react-stately/toggle/src/useToggleState.ts","packages/@react-stately/toggle/src/packages/@react-stately/toggle/src/index.ts","packages/@react-stately/toggle/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport * from './useToggleState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/toggle",
-  "version": "3.2.0",
+  "version": "3.2.4",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-stately/utils": "^3.1.0",
-    "@react-types/checkbox": "^3.1.0",
-    "@react-types/shared": "^3.2.0"
+    "@react-stately/utils": "^3.4.0",
+    "@react-types/checkbox": "^3.2.4",
+    "@react-types/shared": "^3.11.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "661f0f2e3b8648a75aae83043267954700059fe0"
+  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
 }

package/src/useToggleState.ts

@@ -19,7 +19,7 @@ export interface ToggleState {
 
   /** Updates selection state. */
   setSelected(isSelected: boolean): void,
-  
+
   /** Toggle the selection state. */
   toggle(): void
 }
@@ -28,30 +28,21 @@ export interface ToggleState {
  * Provides state management for toggle components like checkboxes and switches.
  */
 export function useToggleState(props: ToggleProps = {}): ToggleState {
-  let {isReadOnly, onChange} = props;
+  let {isReadOnly} = props;
 
   // have to provide an empty function so useControlledState doesn't throw a fit
   // can't use useControlledState's prop calling because we need the event object from the change
-  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, () => {});
+  let [isSelected, setSelected] = useControlledState(props.isSelected, props.defaultSelected || false, props.onChange);
 
   function updateSelected(value) {
     if (!isReadOnly) {
       setSelected(value);
-      if (onChange) {
-        onChange(value);
-      }
     }
   }
 
   function toggleState() {
     if (!isReadOnly) {
-      setSelected(prev => {
-        let newVal = !prev;
-        if (onChange) {
-          onChange(newVal);
-        }
-        return newVal;
-      });
+      setSelected(!isSelected);
     }
   }