mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-08 14:13:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

split up webpack commons into categories & type everything (#455)

Browse source
This commit is contained in:
Ven 2023-01-25 03:25:29 +01:00 • committed by GitHub
parent a38ac956df
commit f19504f828
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 930 additions and 372 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/utils/modal.tsx
View file

@ -17,6 +17,9 @@
*/
import { filters, mapMangledModuleLazy } from "@webpack";
import type { ComponentType, PropsWithChildren, ReactNode, Ref } from "react";
import { LazyComponent } from "./misc";
export enum ModalSize {
SMALL = "small",
@ -44,16 +47,7 @@ export interface ModalOptions {
onCloseCallback?: (() => void);
}
interface ModalRootProps {
transitionState: ModalTransitionState;
children: React.ReactNode;
size?: ModalSize;
role?: "alertdialog" | "dialog";
className?: string;
onAnimationEnd?(): string;
}
type RenderFunction = (props: ModalProps) => React.ReactNode;
type RenderFunction = (props: ModalProps) => ReactNode;
export const Modals = mapMangledModuleLazy(".closeWithCircleBackground", {
ModalRoot: filters.byCode(".root"),
@ -61,13 +55,63 @@ export const Modals = mapMangledModuleLazy(".closeWithCircleBackground", {
ModalContent: filters.byCode(".content"),
ModalFooter: filters.byCode(".footerSeparator"),
ModalCloseButton: filters.byCode(".closeWithCircleBackground"),
});
}) as {
ModalRoot: ComponentType<PropsWithChildren<{
transitionState: ModalTransitionState;
size?: ModalSize;
role?: "alertdialog" | "dialog";
className?: string;
fullscreenOnMobile?: boolean;
"aria-label"?: string;
"aria-labelledby"?: string;
onAnimationEnd?(): string;
}>>;
ModalHeader: ComponentType<PropsWithChildren<{
/** Flex.Justify.START */
justify?: string;
/** Flex.Direction.HORIZONTAL */
direction?: string;
/** Flex.Align.CENTER */
align?: string;
/** Flex.Wrap.NO_WRAP */
wrap?: string;
separator?: boolean;
export const ModalRoot = (props: ModalRootProps) => <Modals.ModalRoot {...props} />;
export const ModalHeader = (props: any) => <Modals.ModalHeader {...props} />;
export const ModalContent = (props: any) => <Modals.ModalContent {...props} />;
export const ModalFooter = (props: any) => <Modals.ModalFooter {...props} />;
export const ModalCloseButton = (props: any) => <Modals.ModalCloseButton {...props} />;
className?: string;
}>>;
/** This also accepts Scroller props but good luck with that */
ModalContent: ComponentType<PropsWithChildren<{
className?: string;
scrollerRef?: Ref<HTMLElement>;
[prop: string]: any;
}>>;
ModalFooter: ComponentType<PropsWithChildren<{
/** Flex.Justify.START */
justify?: string;
/** Flex.Direction.HORIZONTAL_REVERSE */
direction?: string;
/** Flex.Align.STRETCH */
align?: string;
/** Flex.Wrap.NO_WRAP */
wrap?: string;
separator?: boolean;
className?: string;
}>>;
ModalCloseButton: ComponentType<{
focusProps?: any;
onClick(): void;
withCircleBackground?: boolean;
hideOnFullscreen?: boolean;
className?: string;
}>;
};
export const ModalRoot = LazyComponent(() => Modals.ModalRoot);
export const ModalHeader = LazyComponent(() => Modals.ModalHeader);
export const ModalContent = LazyComponent(() => Modals.ModalContent);
export const ModalFooter = LazyComponent(() => Modals.ModalFooter);
export const ModalCloseButton = LazyComponent(() => Modals.ModalCloseButton);
const ModalAPI = mapMangledModuleLazy("onCloseRequest:null!=", {
openModal: filters.byCode("onCloseRequest:null!="),