pebble-web 2.21.0-alpha.0 → 2.22.1

package/dist/components/Switch.d.ts

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

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

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

package/dist/pebble-web.dev.js

@@ -4113,50 +4113,52 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Switch, _React$PureComponent);
   var _super = _createSuper$o(Switch);
   function Switch() {
+    var _this;
     _classCallCheck(this, Switch);
-    return _super.apply(this, arguments);
+    _this = _super.apply(this, arguments);
+    _this.state = {
+      value: _this.props.initialValue || false
+    };
+    return _this;
   }
   _createClass(Switch, [{
     key: "render",
     value: function render() {
       var _cx3,
-          _this = this,
+          _this2 = 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, checked), _defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
+        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
-        checked: checked,
+        checked: value,
         className: inputStyle$3,
-        onChange: function onChange(e) {
-          _this.setState({
-            value: !checked
+        onChange: function onChange() {
+          _this2.setState({
+            value: !value
           });
           if (_onChange) {
-            _onChange(!checked, e);
+            _onChange(!value);
           }
         },
         disabled: disabled
       }), /*#__PURE__*/React.createElement("span", {
-        className: emotion.cx((_cx4 = {}, _defineProperty(_cx4, switchStyle, true), _defineProperty(_cx4, selectedSwitch, checked), _cx4))
+        className: emotion.cx((_cx4 = {}, _defineProperty(_cx4, switchStyle, true), _defineProperty(_cx4, selectedSwitch, value), _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; }