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

package/dist/components/Switch.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { SwitchProps, SwitchState } from "./typings/Switch";
-export default class Switch extends React.PureComponent<SwitchProps, SwitchState> {
-    state: {
-        value: boolean;
+import { SwitchProps } from "./typings/Switch";
+export default class Switch extends React.PureComponent<SwitchProps> {
+    static defaultProps: {
+        checked: boolean;
     };
     render(): JSX.Element;
 }

package/dist/components/typings/Switch.d.ts

@@ -1,10 +1,8 @@
+/// <reference types="react" />
 export interface SwitchProps {
-    initialValue?: boolean;
-    onChange?: (value: boolean) => void;
+    checked?: boolean;
+    onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
     className?: string;
     label?: string;
     disabled?: boolean;
 }
-export interface SwitchState {
-    value: boolean;
-}

package/dist/pebble-web.dev.js

@@ -4113,52 +4113,50 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
   _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: emotion.cx(className, fixedLabelStyle, _defineProperty({}, disabledStyle$1, !!disabled))
       }, /*#__PURE__*/React.createElement("span", {
         className: labelTextStyle
       }, label), /*#__PURE__*/React.createElement("div", {
-        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
+        className: emotion.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: emotion.cx((_cx4 = {}, _defineProperty(_cx4, switchStyle, true), _defineProperty(_cx4, selectedSwitch, value), _cx4))
+        className: emotion.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; }