pebble-web 2.21.0-alpha.0 → 2.23.0

package/dist/pebble-web.es.js

@@ -3699,14 +3699,22 @@ const selectedSwitch = /*#__PURE__*/css( {
 } );
 
 class Switch extends PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      value: this.props.initialValue || false
+    };
+  }
   render() {
     const {
-      checked,
       onChange,
       className,
       label,
       disabled
     } = this.props;
+    const {
+      value
+    } = this.state;
     return /*#__PURE__*/createElement("label", {
       className: cx(className, fixedLabelStyle, {
         [disabledStyle$1]: !!disabled
@@ -3715,33 +3723,30 @@ class Switch extends PureComponent {
       className: labelTextStyle
     }, label), /*#__PURE__*/createElement("div", {
       className: cx(labelStyle$1, {
-        [selectedLabel]: checked,
+        [selectedLabel]: value,
         [disabledStyle$1]: !!disabled
       })
     }, /*#__PURE__*/createElement("input", {
       type: "checkbox",
-      checked: checked,
+      checked: value,
       className: inputStyle$3,
-      onChange: e => {
+      onChange: () => {
         this.setState({
-          value: !checked
+          value: !value
         });
         if (onChange) {
-          onChange(!checked, e);
+          onChange(!value);
         }
       },
       disabled: disabled
     }), /*#__PURE__*/createElement("span", {
       className: cx({
         [switchStyle]: true,
-        [selectedSwitch]: checked
+        [selectedSwitch]: value
       })
     })));
   }
 }
-Switch.defaultProps = {
-  checked: false
-};
 
 const tagStyle = /*#__PURE__*/css({ ...typography.s.bold,
   ...flexSpaceBetween,