migrate boolean widget
This commit is contained in:
@ -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>
|
||||
);
|
||||
|
@ -1,9 +0,0 @@
|
||||
.nc-booleanControl-switch {
|
||||
& .nc-toggle-background {
|
||||
background-color: var(--textFieldBorderColor);
|
||||
}
|
||||
|
||||
& .nc-toggle-active .nc-toggle-background {
|
||||
background-color: var(--colorActive);
|
||||
}
|
||||
}
|
@ -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,
|
||||
};
|
@ -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);
|
||||
|
Reference in New Issue
Block a user