components.controls.LocaleSelect.LocaleSelect.jsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

import React from 'react'
import PropTypes from 'prop-types'
import { compose, withState, withHandlers } from 'recompose'
import map from 'lodash/map'
import classNames from 'classnames'
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap'

import localeSelectContainer from './LocaleSelectContainer'

export function LocaleSelect({
    className,
    value,
    onChange,
    locales,
    direction,
    opened,
    toggle,
}) {
    return (
        
            {value}
            
                {map(locales, (locale, index) => (
                     onChange(locale)} key={index}>
                        {locale}
                    
                ))}
            
        
    )
}

LocaleSelect.propTypes = {
    className: PropTypes.string,
    value: PropTypes.string,
    onChange: PropTypes.func,
    locales: PropTypes.array,
    direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
    opened: PropTypes.bool,
    toggle: PropTypes.func,
}

LocaleSelect.defaultProps = {
    direction: 'left',
}

export default compose(
    withState('opened', 'setOpened', false),
    localeSelectContainer,
    withHandlers({
        toggle: ({ opened, setOpened }) => () => setOpened(!opened),
        onChange: ({ changeLocale }) => locale => changeLocale(locale),
    }),
)(LocaleSelect)