87 lines
3.1 KiB
TypeScript
87 lines
3.1 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React, { createRef } from "react";
|
|
import { DialogContent, DialogProps } from "@matrix-org/react-sdk-module-api/lib/components/DialogContent";
|
|
import { logger } from "matrix-js-sdk/src/logger";
|
|
import { ModuleApi } from "@matrix-org/react-sdk-module-api/lib/ModuleApi";
|
|
import { ModuleUiDialogOptions } from "@matrix-org/react-sdk-module-api/lib/types/ModuleUiDialogOptions";
|
|
|
|
import ScrollableBaseModal, { IScrollableBaseState } from "./ScrollableBaseModal";
|
|
import { _t } from "../../../languageHandler";
|
|
|
|
interface IProps<P extends DialogProps, C extends DialogContent<P>> {
|
|
contentFactory: (props: P, ref: React.RefObject<C>) => React.ReactNode;
|
|
additionalContentProps: Omit<P, keyof DialogProps> | undefined;
|
|
initialOptions: ModuleUiDialogOptions;
|
|
moduleApi: ModuleApi;
|
|
onFinished(ok?: boolean, model?: Awaited<ReturnType<DialogContent<P & DialogProps>["trySubmit"]>>): void;
|
|
}
|
|
|
|
interface IState extends IScrollableBaseState {
|
|
// nothing special
|
|
}
|
|
|
|
export class ModuleUiDialog<P extends DialogProps, C extends DialogContent<P>> extends ScrollableBaseModal<
|
|
IProps<P, C>,
|
|
IState
|
|
> {
|
|
private contentRef = createRef<C>();
|
|
|
|
public constructor(props: IProps<P, C>) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
title: this.props.initialOptions.title,
|
|
actionLabel: this.props.initialOptions.actionLabel ?? _t("action|ok"),
|
|
cancelLabel: this.props.initialOptions.cancelLabel,
|
|
canSubmit: this.props.initialOptions.canSubmit ?? true,
|
|
};
|
|
}
|
|
|
|
protected async submit(): Promise<void> {
|
|
try {
|
|
const model = await this.contentRef.current!.trySubmit();
|
|
this.props.onFinished(true, model);
|
|
} catch (e) {
|
|
logger.error("Error during submission of module dialog:", e);
|
|
}
|
|
}
|
|
|
|
protected cancel(): void {
|
|
this.props.onFinished(false);
|
|
}
|
|
|
|
private setOptions(options: ModuleUiDialogOptions): void {
|
|
this.setState((state) => ({ ...state, ...options }));
|
|
}
|
|
|
|
protected renderContent(): React.ReactNode {
|
|
const dialogProps: DialogProps = {
|
|
moduleApi: this.props.moduleApi,
|
|
setOptions: this.setOptions.bind(this),
|
|
cancel: this.cancel.bind(this),
|
|
};
|
|
|
|
// Typescript isn't very happy understanding that `contentProps` satisfies `P`
|
|
const contentProps: P = {
|
|
...this.props.additionalContentProps,
|
|
...dialogProps,
|
|
} as unknown as P;
|
|
|
|
return <div className="mx_ModuleUiDialog">{this.props.contentFactory(contentProps, this.contentRef)}</div>;
|
|
}
|
|
}
|