gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: add code formatting and linting (#952)

Browse Source
This commit is contained in:
Caleb
2018-08-07 14:46:54 -06:00
committed by Shawn Erquhart
parent 32e0a9b2b5
commit f801b19221
265 changed files with 5988 additions and 4481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
packages/netlify-cms-widget-list/src/ListControl.js
View File

@ -24,15 +24,15 @@ const SortableListItem = SortableElement(ListItem);
const StyledListItemTopBar = styled(ListItemTopBar)`
background-color: ${colors.textFieldBorder};
`
`;
const NestedObjectLabel = styled.div`
display: ${props => props.collapsed ? 'block' : 'none'};
display: ${props => (props.collapsed ? 'block' : 'none')};
border-top: 0;
background-color: ${colors.textFieldBorder};
padding: 13px;
border-radius: 0 0 ${lengths.borderRadius} ${lengths.borderRadius};
`
`;
const styles = {
collapsedObjectControl: css`
@ -101,7 +101,7 @@ export default class ListControl extends React.Component {
} else {
return null;
}
}
};
/**
* Always update so that each nested widget has the option to update. This is
@ -113,7 +113,7 @@ export default class ListControl extends React.Component {
return true;
}
handleChange = (e) => {
handleChange = e => {
const { onChange } = this.props;
const oldValue = this.state.value;
const newValue = e.target.value;
@ -129,21 +129,24 @@ export default class ListControl extends React.Component {
handleFocus = () => {
this.props.setActiveStyle();
}
};
handleBlur = (e) => {
const listValue = e.target.value.split(',').map(el => el.trim()).filter(el => el);
handleBlur = e => {
const listValue = e.target.value
.split(',')
.map(el => el.trim())
.filter(el => el);
this.setState({ value: valueToString(listValue) });
this.props.setInactiveStyle();
}
};
handleAdd = (e) => {
handleAdd = e => {
e.preventDefault();
const { value, onChange } = this.props;
const parsedValue = (this.getValueType() === valueTypes.SINGLE) ? null : Map();
const parsedValue = this.getValueType() === valueTypes.SINGLE ? null : Map();
this.setState({ itemsCollapsed: this.state.itemsCollapsed.push(false) });
onChange((value || List()).push(parsedValue));
}
};
/**
* In case the `onChangeObject` function is frozen by a child widget implementation,
@ -157,9 +160,13 @@ export default class ListControl extends React.Component {
const { value, metadata, onChange, field } = this.props;
const collectionName = field.get('name');
const newObjectValue = this.getObjectValue(index).set(fieldName, newValue);
const parsedValue = (this.getValueType() === valueTypes.SINGLE) ? newObjectValue.first() : newObjectValue;
const parsedValue =
this.getValueType() === valueTypes.SINGLE ? newObjectValue.first() : newObjectValue;
const parsedMetadata = {
[collectionName]: Object.assign(metadata ? metadata.toJS() : {}, newMetadata ? newMetadata[collectionName] : {}),
[collectionName]: Object.assign(
metadata ? metadata.toJS() : {},
newMetadata ? newMetadata[collectionName] : {},
),
};
onChange(value.set(index, parsedValue), parsedMetadata);
};
@ -170,7 +177,9 @@ export default class ListControl extends React.Component {
const { itemsCollapsed } = this.state;
const { value, metadata, onChange, field } = this.props;
const collectionName = field.get('name');
const parsedMetadata = metadata && { [collectionName]: metadata.removeIn(value.get(index).valueSeq()) };
const parsedMetadata = metadata && {
[collectionName]: metadata.removeIn(value.get(index).valueSeq()),
};
this.setState({ itemsCollapsed: itemsCollapsed.delete(index) });
@ -184,7 +193,7 @@ export default class ListControl extends React.Component {
this.setState({ itemsCollapsed: itemsCollapsed.set(index, !collapsed) });
};
handleCollapseAllToggle = (e) => {
handleCollapseAllToggle = e => {
e.preventDefault();
const { value } = this.props;
const { itemsCollapsed } = this.state;
@ -197,8 +206,10 @@ export default class ListControl extends React.Component {
const multiFields = field.get('fields');
const singleField = field.get('field');
const labelField = (multiFields && multiFields.first()) || singleField;
const value = multiFields ? item.get(multiFields.first().get('name')) : singleField.get('label');
return (value || `No ${ labelField.get('name') }`).toString();
const value = multiFields
? item.get(multiFields.first().get('name'))
: singleField.get('label');
return (value || `No ${labelField.get('name')}`).toString();
}
onSortEnd = ({ oldIndex, newIndex }) => {
@ -217,12 +228,7 @@ export default class ListControl extends React.Component {
};
renderItem = (item, index) => {
const {
field,
classNameWrapper,
editorControl,
resolveWidget,
} = this.props;
const { field, classNameWrapper, editorControl, resolveWidget } = this.props;
const { itemsCollapsed } = this.state;
const collapsed = itemsCollapsed.get(index);
@ -230,7 +236,7 @@ export default class ListControl extends React.Component {
<SortableListItem
className={cx(styles.listControlItem, { [styles.listControlItemCollapsed]: collapsed })}
index={index}
key={`item-${ index }`}
key={`item-${index}`}
>
<StyledListItemTopBar
collapsed={collapsed}
@ -240,10 +246,7 @@ export default class ListControl extends React.Component {
/>
<NestedObjectLabel collapsed={collapsed}>{this.objectLabel(item)}</NestedObjectLabel>
<ObjectControl
classNameWrapper={cx(
classNameWrapper,
{ [styles.collapsedObjectControl]: collapsed },
)}
classNameWrapper={cx(classNameWrapper, { [styles.collapsedObjectControl]: collapsed })}
value={item}
field={field}
onChangeObject={this.handleChangeFor(index)}
@ -292,14 +295,16 @@ export default class ListControl extends React.Component {
return this.renderListControl();
}
return (<input
type="text"
id={forID}
value={value}
onChange={this.handleChange}
onFocus={this.handleFocus}
onBlur={this.handleBlur}
className={classNameWrapper}
/>);
return (
<input
type="text"
id={forID}
value={value}
onChange={this.handleChange}
onFocus={this.handleFocus}
onBlur={this.handleBlur}
className={classNameWrapper}
/>
);
}
}