migrate boolean widget

packages/netlify-cms-core/src/components/Editor/EditorPreviewPane/EditorPreview.js

@@ -24,7 +24,7 @@ export default class Preview extends React.Component {
     return (
       <PreviewContainer>
         {fields.filter(isVisible).map(field => (
-          <div>{widgetFor(field.get('name'))}</div>
+          <div key={field.get('name')}>{widgetFor(field.get('name'))}</div>
         ))}
       </PreviewContainer>
     );

packages/netlify-cms-core/src/components/EditorWidgets/Boolean/Boolean.css

@@ -1,9 +0,0 @@
-.nc-booleanControl-switch {
-  & .nc-toggle-background {
-    background-color: var(--textFieldBorderColor);
-  }
-
-  & .nc-toggle-active .nc-toggle-background {
-    background-color: var(--colorActive);
-  }
-}

packages/netlify-cms-core/src/components/EditorWidgets/Boolean/BooleanControl.js

@@ -1,44 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import ImmutablePropTypes from "react-immutable-proptypes";
-import { isBoolean } from 'lodash';
-import { Toggle } from 'netlify-cms-ui-default';
-
-export default class BooleanControl extends React.Component {
-  render() {
-    const {
-      value,
-      field,
-      forID,
-      onChange,
-      classNameWrapper,
-      setActiveStyle,
-      setInactiveStyle
-    } = this.props;
-    return (
-      <div className={`${classNameWrapper} nc-booleanControl-switch`}>
-        <Toggle
-          id={forID}
-          active={isBoolean(value) ? value : field.get('defaultValue', false)}
-          onChange={onChange}
-          onFocus={setActiveStyle}
-          onBlur={setInactiveStyle}
-        />
-      </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-core/src/components/EditorWidgets/index.js

@@ -23,7 +23,6 @@ import ObjectControl from './Object/ObjectControl';
 import ObjectPreview from './Object/ObjectPreview';
 import RelationControl from './Relation/RelationControl';
 import RelationPreview from './Relation/RelationPreview';
-import BooleanControl from './Boolean/BooleanControl';
 
 registerWidget('text', TextControl, TextPreview);
 registerWidget('number', NumberControl, NumberPreview);
@@ -36,5 +35,4 @@ registerWidget('datetime', DateTimeControl, DateTimePreview);
 registerWidget('select', SelectControl, SelectPreview);
 registerWidget('object', ObjectControl, ObjectPreview);
 registerWidget('relation', RelationControl, RelationPreview);
-registerWidget('boolean', BooleanControl);
 registerWidget('unknown', UnknownControl, UnknownPreview);