components.core.withOverlayMethods.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 { createStructuredSelector } from 'reselect'
import { compose } from 'recompose'
import { connect } from 'react-redux'
import get from 'lodash/get'
import { withTranslation } from 'react-i18next'
import PropTypes from 'prop-types'

import {
    makePageDisabledByIdSelector,
    makePageLoadingByIdSelector,
    makePageMetadataByIdSelector,
    makePageTitleByIdSelector,
} from '../../ducks/pages/selectors'
import { makeShowPromptByName } from '../../ducks/overlays/selectors'

import withActions from './withActions'

function withOverlayMethods(WrappedComponent) {
    class OverlayMethods extends React.Component {
        constructor(props) {
            super(props)
            this.closeOverlay = this.closeOverlay.bind(this)
            this.closePrompt = this.closePrompt.bind(this)
            this.showPrompt = this.showPrompt.bind(this)
        }

        componentDidUpdate(prevProps) {
            const { showPrompt } = this.props

            if (
                showPrompt !== prevProps.showPrompt && showPrompt
            ) {
                this.showPrompt()
            }
        }

        renderFromSrc(src) {
            const { resolveProps } = this.context
            const Component = resolveProps(src, null)

            return 
        }

        closeOverlay(prompt) {
            const { name, close } = this.props

            close(name, prompt)
        }

        closePrompt() {
            const { name, hidePrompt } = this.props

            hidePrompt(name)
        }

        showPrompt() {
            const { t } = this.props

            // eslint-disable-next-line no-alert
            if (window.confirm(t('defaultPromptMessage'))) {
                this.closeOverlay(false)
            } else {
                this.closePrompt()
            }
        }

        render() {
            return (
                
            )
        }
    }

    OverlayMethods.propTypes = {
        showPrompt: PropTypes.func,
        name: PropTypes.string,
        close: PropTypes.func,
        hidePrompt: PropTypes.func,
        t: PropTypes.func,
    }

    const mapStateToProps = createStructuredSelector({
        title: (state, { pageId }) => makePageTitleByIdSelector(pageId)(state),
        loading: (state, { pageId }) => makePageLoadingByIdSelector(pageId)(state),
        disabled: (state, { pageId }) => makePageDisabledByIdSelector(pageId)(state),
        showPrompt: (state, { name }) => makeShowPromptByName(name)(state),
        metadata: (state, { pageId }) => makePageMetadataByIdSelector(pageId)(state),
    })

    return compose(
        withTranslation(),
        connect(mapStateToProps),
        withActions,
    )(OverlayMethods)
}

export default withOverlayMethods