pebble-web 2.21.0-alpha.0 → 2.22.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pebble-web",
-  "version": "2.21.0-alpha.0",
+  "version": "2.22.1",
   "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.21.0-alpha.0"
+    "pebble-shared": "^2.22.1"
   },
   "greenkeeper": {
     "ignore": [
       "rheostat"
     ]
   },
-  "gitHead": "0f346bf1155e6e70e2ee6c2ffa5f44559a873dd3"
+  "gitHead": "d9efdc7430427854387a64e84774540f13b63d16"
 }

package/src/components/Switch.tsx

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

package/src/components/typings/Switch.ts

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