74 lines
2.5 KiB
TypeScript
74 lines
2.5 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, { ForwardedRef, forwardRef, MutableRefObject } from "react";
|
|
|
|
import { useWysiwygSendActionHandler } from "./hooks/useWysiwygSendActionHandler";
|
|
import { WysiwygComposer } from "./components/WysiwygComposer";
|
|
import { PlainTextComposer } from "./components/PlainTextComposer";
|
|
import { ComposerFunctions } from "./types";
|
|
import { E2EStatus } from "../../../../utils/ShieldUtils";
|
|
import E2EIcon from "../E2EIcon";
|
|
import { AboveLeftOf } from "../../../structures/ContextMenu";
|
|
import { Emoji } from "./components/Emoji";
|
|
|
|
interface ContentProps {
|
|
disabled?: boolean;
|
|
composerFunctions: ComposerFunctions;
|
|
}
|
|
|
|
const Content = forwardRef<HTMLElement, ContentProps>(function Content(
|
|
{ disabled = false, composerFunctions }: ContentProps,
|
|
forwardRef: ForwardedRef<HTMLElement>,
|
|
) {
|
|
useWysiwygSendActionHandler(disabled, forwardRef as MutableRefObject<HTMLElement>, composerFunctions);
|
|
return null;
|
|
});
|
|
|
|
interface SendWysiwygComposerProps {
|
|
initialContent?: string;
|
|
isRichTextEnabled: boolean;
|
|
placeholder?: string;
|
|
disabled?: boolean;
|
|
e2eStatus?: E2EStatus;
|
|
onChange: (content: string) => void;
|
|
onSend: () => void;
|
|
menuPosition: AboveLeftOf;
|
|
}
|
|
|
|
export function SendWysiwygComposer({
|
|
isRichTextEnabled,
|
|
e2eStatus,
|
|
menuPosition,
|
|
...props
|
|
}: SendWysiwygComposerProps) {
|
|
const Composer = isRichTextEnabled ? WysiwygComposer : PlainTextComposer;
|
|
|
|
return (
|
|
<Composer
|
|
className="mx_SendWysiwygComposer"
|
|
leftComponent={e2eStatus && <E2EIcon status={e2eStatus} />}
|
|
rightComponent={(selectPreviousSelection) => (
|
|
<Emoji menuPosition={menuPosition} selectPreviousSelection={selectPreviousSelection} />
|
|
)}
|
|
{...props}
|
|
>
|
|
{(ref, composerFunctions) => (
|
|
<Content disabled={props.disabled} ref={ref} composerFunctions={composerFunctions} />
|
|
)}
|
|
</Composer>
|
|
);
|
|
}
|