pebble-web 2.20.0-alpha.1 → 2.21.0-alpha.0

package/dist/pebble-web.umd.dev.js

@@ -16155,52 +16155,50 @@
     inherits(Switch, _React$PureComponent);
     var _super = _createSuper$o(Switch);
     function Switch() {
-      var _this;
       classCallCheck(this, Switch);
-      _this = _super.apply(this, arguments);
-      _this.state = {
-        value: _this.props.initialValue || false
-      };
-      return _this;
+      return _super.apply(this, arguments);
     }
     createClass(Switch, [{
       key: "render",
       value: function render() {
         var _cx3,
-            _this2 = this,
+            _this = this,
             _cx4;
         var _this$props = this.props,
+            checked = _this$props.checked,
             _onChange = _this$props.onChange,
             className = _this$props.className,
             label = _this$props.label,
             disabled = _this$props.disabled;
-        var value = this.state.value;
         return /*#__PURE__*/React.createElement("label", {
           className: cx(className, fixedLabelStyle, defineProperty({}, disabledStyle$1, !!disabled))
         }, /*#__PURE__*/React.createElement("span", {
           className: labelTextStyle
         }, label), /*#__PURE__*/React.createElement("div", {
-          className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, value), defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
+          className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, checked), defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
         }, /*#__PURE__*/React.createElement("input", {
           type: "checkbox",
-          checked: value,
+          checked: checked,
           className: inputStyle$3,
-          onChange: function onChange() {
-            _this2.setState({
-              value: !value
+          onChange: function onChange(e) {
+            _this.setState({
+              value: !checked
             });
             if (_onChange) {
-              _onChange(!value);
+              _onChange(!checked, e);
             }
           },
           disabled: disabled
         }), /*#__PURE__*/React.createElement("span", {
-          className: cx((_cx4 = {}, defineProperty(_cx4, switchStyle, true), defineProperty(_cx4, selectedSwitch, value), _cx4))
+          className: cx((_cx4 = {}, defineProperty(_cx4, switchStyle, true), defineProperty(_cx4, selectedSwitch, checked), _cx4))
         })));
       }
     }]);
     return Switch;
   }(React.PureComponent);
+  Switch.defaultProps = {
+    checked: false
+  };
 
   function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }