refs #14926-modal-with-inputs-is-empty
[arvados.git] / src / store / dialog / with-dialog.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as React from 'react';
6 import { connect } from 'react-redux';
7 import { DialogState } from './dialog-reducer';
8 import { Dispatch } from 'redux';
9 import { dialogActions } from './dialog-actions';
10
11 export type WithDialogStateProps<T> = {
12     open: boolean;
13     data: T;
14 };
15
16 export type WithDialogDispatchProps = {
17     closeDialog: () => void;
18 };
19
20 export type WithDialogProps<T> = WithDialogStateProps<T> & WithDialogDispatchProps;
21 export const withDialog = (id: string) =>
22     // TODO: How to make compiler happy with & P instead of & any?
23     <T, P>(component: React.ComponentType<WithDialogProps<T> & any>) =>
24         connect(mapStateToProps(id), mapDispatchToProps(id))(component);
25
26 const emptyData = {};
27
28 export const mapStateToProps = (id: string) => <T>(state: { dialog: DialogState }): WithDialogStateProps<T> => {
29     const dialog = state.dialog[id];
30     return dialog ? dialog : { open: false, data: emptyData };
31 };
32
33 export const mapDispatchToProps = (id: string) => (dispatch: Dispatch): WithDialogDispatchProps => ({
34     closeDialog: () => {
35         dispatch(dialogActions.CLOSE_DIALOG({ id }));
36     }
37 });