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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pebble-web",
-  "version": "2.20.0-alpha.1",
+  "version": "2.21.0-alpha.0",
   "author": "ritz078 <rkritesh078@gmail.com>",
   "license": "MIT",
   "main": "dist/pebble-web.js",
@@ -44,12 +44,12 @@
     "utility-types": "^3.10.0"
   },
   "devDependencies": {
-    "pebble-shared": "^2.20.0-alpha.1"
+    "pebble-shared": "^2.21.0-alpha.0"
   },
   "greenkeeper": {
     "ignore": [
       "rheostat"
     ]
   },
-  "gitHead": "023aff3a1bf3f6350db457120c230242107acbf9"
+  "gitHead": "0f346bf1155e6e70e2ee6c2ffa5f44559a873dd3"
 }

package/src/components/Switch.tsx

@@ -10,19 +10,15 @@ import {
   fixedLabelStyle,
   disabledStyle
 } from "./styles/Switch.styles";
-import { SwitchProps, SwitchState } from "./typings/Switch";
+import { SwitchProps } from "./typings/Switch";
 
-export default class Switch extends React.PureComponent<
-  SwitchProps,
-  SwitchState
-> {
-  state = {
-    value: this.props.initialValue || false
+export default class Switch extends React.PureComponent<SwitchProps> {
+  static defaultProps = {
+    checked: false
   };
 
   render() {
-    const { onChange, className, label, disabled } = this.props;
-    const { value } = this.state;
+    const { checked, onChange, className, label, disabled } = this.props;
 
     return (
       <label
@@ -33,20 +29,20 @@ export default class Switch extends React.PureComponent<
         <span className={labelTextStyle}>{label}</span>
         <div
           className={cx(labelStyle, {
-            [selectedLabel]: value,
+            [selectedLabel]: checked,
             [disabledStyle]: !!disabled
           })}
         >
           <input
             type="checkbox"
-            checked={value}
+            checked={checked}
             className={inputStyle}
-            onChange={() => {
+            onChange={e => {
               this.setState({
-                value: !value
+                value: !checked
               });
               if (onChange) {
-                onChange(!value);
+                onChange(!checked, e);
               }
             }}
             disabled={disabled}
@@ -54,7 +50,7 @@ export default class Switch extends React.PureComponent<
           <span
             className={cx({
               [switchStyle]: true,
-              [selectedSwitch]: value
+              [selectedSwitch]: checked
             })}
           />
         </div>

package/src/components/typings/Switch.ts

@@ -1,11 +1,7 @@
 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;
-}