migrate boolean widget

packages/netlify-cms-widget-boolean/src/BooleanControl.js

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import styled from 'react-emotion';
+import { isBoolean } from 'lodash';
+import { Toggle, ToggleBackground, colors } from 'netlify-cms-ui-default';
+
+const BooleanBackground = styled(ToggleBackground)`
+  background-color: ${props => props.isActive ? colors.active : colors.textFieldBorder};
+`
+
+export default class BooleanControl extends React.Component {
+  render() {
+    const {
+      value,
+      field,
+      forID,
+      onChange,
+      classNameWrapper,
+      setActiveStyle,
+      setInactiveStyle
+    } = this.props;
+    return (
+      <div>
+        <Toggle
+          id={forID}
+          active={isBoolean(value) ? value : field.get('defaultValue', false)}
+          onChange={onChange}
+          onFocus={setActiveStyle}
+          onBlur={setInactiveStyle}
+          Background={BooleanBackground}
+        />
+      </div>
+    );
+  }
+}
+
+BooleanControl.propTypes = {
+  field: ImmutablePropTypes.map.isRequired,
+  onChange: PropTypes.func.isRequired,
+  classNameWrapper: PropTypes.string.isRequired,
+  setActiveStyle: PropTypes.func.isRequired,
+  setInactiveStyle: PropTypes.func.isRequired,
+  forID: PropTypes.string,
+  value: PropTypes.bool,
+};
+
+BooleanControl.defaultProps = {
+  value: false,
+};

packages/netlify-cms-widget-boolean/src/index.js

@@ -0,0 +1 @@
+export BooleanControl from './BooleanControl';