components.buttons.StandardButton.withLinkAction.js 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 { compose, mapProps } from 'recompose'
import { push } from 'connected-react-router'

import withActionButton from '../withActionButton'
import { dataProviderResolver } from '../../../core/dataProviderResolver'

function isModifiedEvent(event) {
    return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)
}

export const withLinkAction = compose(
    withActionButton({
        onClick: (e, props, state) => {
            e.preventDefault()
            const { url, pathMapping, queryMapping, target } = props
            const { url: compiledUrl } = dataProviderResolver(state, {
                url,
                pathMapping,
                queryMapping,
            })

            if (isModifiedEvent(e)) {
                return
            }

            if (target === 'application') {
                props.dispatch(push(compiledUrl))
            } else if (target === '_blank') {
                window.open(compiledUrl)
            } else {
                window.location = compiledUrl
            }
        },
    }),
    mapProps(props => ({
        url: props.url,
        href: props.url,
        tag: 'a',
        ...props,
    })),
)

export default withLinkAction