8b399e8caf
The package now requires using a ModalTransition component to handle animations. The existing DialogContainer component has been split into native and web implementations to support this change.
71 lines
1.6 KiB
JavaScript
71 lines
1.6 KiB
JavaScript
/* @flow */
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link DialogContainer}.
|
|
*/
|
|
type Props = {
|
|
|
|
/**
|
|
* The component to render.
|
|
*/
|
|
_component: Function,
|
|
|
|
/**
|
|
* The props to pass to the component that will be rendered.
|
|
*/
|
|
_componentProps: Object,
|
|
|
|
/**
|
|
* True if the UI is in a compact state where we don't show dialogs.
|
|
*/
|
|
_reducedUI: boolean
|
|
};
|
|
|
|
/**
|
|
* Implements a DialogContainer responsible for showing all dialogs.
|
|
*/
|
|
export default class AbstractDialogContainer extends Component<Props> {
|
|
/**
|
|
* Returns the dialog to be displayed.
|
|
*
|
|
* @private
|
|
* @returns {ReactElement|null}
|
|
*/
|
|
_renderDialogContent() {
|
|
const {
|
|
_component: component,
|
|
_reducedUI: reducedUI
|
|
} = this.props;
|
|
|
|
return (
|
|
component && !reducedUI
|
|
? React.createElement(component, this.props._componentProps)
|
|
: null);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Maps (parts of) the redux state to the associated
|
|
* {@code AbstractDialogContainer}'s props.
|
|
*
|
|
* @param {Object} state - The redux state.
|
|
* @private
|
|
* @returns {{
|
|
* _component: React.Component,
|
|
* _componentProps: Object,
|
|
* _reducedUI: boolean
|
|
* }}
|
|
*/
|
|
export function abstractMapStateToProps(state: Object) {
|
|
const stateFeaturesBaseDialog = state['features/base/dialog'];
|
|
const { reducedUI } = state['features/base/responsive-ui'];
|
|
|
|
return {
|
|
_component: stateFeaturesBaseDialog.component,
|
|
_componentProps: stateFeaturesBaseDialog.componentProps,
|
|
_reducedUI: reducedUI
|
|
};
|
|
}
|