Skip to content
Snippets Groups Projects
Commit 730d7c3f authored by Bogdan Cochior's avatar Bogdan Cochior
Browse files

refactor(CheckboxGroup): switch to checkboxgroup from pubsweet-ui

n
parent 72029684
No related branches found
No related tags found
No related merge requests found
import React from 'react'
import { Checkbox } from '@pubsweet/ui'
class CheckboxGroup extends React.Component {
constructor(props) {
super(props)
this.state = {
values: props.value || [],
}
}
handleChange = event => {
const values = [...this.state.values]
const { value } = event.target
if (event.target.checked) {
values.push(value)
} else {
values.splice(values.indexOf(value), 1)
}
this.setState({ values })
this.props.onChange(values)
}
render() {
const { inline, name, options, required } = this.props
const { values } = this.state
return (
<div>
{options.map(option => (
<Checkbox
checked={values.includes(option.value)}
inline={inline}
key={option.value}
label={option.label}
name={name}
onChange={this.handleChange}
required={required}
value={option.value}
/>
))}
</div>
)
}
}
export default CheckboxGroup
export { default as Logo } from './Logo'
export { default as Spinner } from './Spinner'
export { default as Dropdown } from './Dropdown'
export { default as CheckboxGroup } from './CheckboxGroup'
......@@ -5,4 +5,4 @@ export { default as AuthorList } from './AuthorList/AuthorList'
export { default as SortableList } from './SortableList/SortableList'
export { DragHandle } from './AuthorList/FormItems'
export { Dropdown, Logo, Spinner, CheckboxGroup } from './UIComponents'
export { Dropdown, Logo, Spinner } from './UIComponents'
......@@ -4,13 +4,9 @@ import uploadFileFn from 'xpub-upload'
// TODO: Add back abstract when xpub-edit is published
// import { AbstractEditor, TitleEditor } from 'xpub-edit'
import { TitleEditor } from 'xpub-edit'
import { Menu, YesOrNo, TextField } from '@pubsweet/ui'
import { Menu, YesOrNo, TextField, CheckboxGroup } from '@pubsweet/ui'
import { required, minChars, minSize } from 'xpub-validators'
import {
AuthorList,
Files,
CheckboxGroup,
} from 'pubsweet-components-faraday/src/components'
import { AuthorList, Files } from 'pubsweet-components-faraday/src/components'
import { declarations } from './'
import issueTypes from './issues-types'
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment