Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

React 18 and Vite (#4510)

Browse source
This commit is contained in:
Matthew Penner 2022-11-25 13:25:03 -07:00 • committed by GitHub
parent 1bb1b13f6d
commit 21613fa602
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 4547 additions and 8933 deletions
Download patch file Download diff file Expand all files Collapse all files

21
resources/scripts/hoc/asModal.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { PureComponent } from 'react';
import isEqual from 'react-fast-compare';
import PortaledModal, { ModalProps } from '@/components/elements/Modal';
import ModalContext, { ModalContextValues } from '@/context/ModalContext';
import isEqual from 'react-fast-compare';
export interface AsModalProps {
visible: boolean;
@ -16,14 +17,12 @@ interface State {
propOverrides: Partial<SettableModalProps>;
}
type ExtendedComponentType<T> = (C: React.ComponentType<T>) => React.ComponentType<T & AsModalProps>;
// eslint-disable-next-line @typescript-eslint/ban-types
function asModal<P extends {}>(
modalProps?: SettableModalProps | ((props: P) => SettableModalProps)
): ExtendedComponentType<P> {
modalProps?: SettableModalProps | ((props: P) => SettableModalProps),
): (Component: any) => any {
return function (Component) {
return class extends React.PureComponent<P & AsModalProps, State> {
return class extends PureComponent<P & AsModalProps, State> {
static displayName = `asModal(${Component.displayName})`;
constructor(props: P & AsModalProps) {
@ -47,7 +46,7 @@ function asModal<P extends {}>(
/**
* @this {React.PureComponent<P & AsModalProps, State>}
*/
componentDidUpdate(prevProps: Readonly<P & AsModalProps>, prevState: Readonly<State>) {
override componentDidUpdate(prevProps: Readonly<P & AsModalProps>, prevState: Readonly<State>) {
if (prevProps.visible && !this.props.visible) {
this.setState({ visible: false, propOverrides: {} });
} else if (!prevProps.visible && this.props.visible) {
@ -60,15 +59,15 @@ function asModal<P extends {}>(
dismiss = () => this.setState({ visible: false });
setPropOverrides: ModalContextValues['setPropOverrides'] = (value) =>
this.setState((state) => ({
setPropOverrides: ModalContextValues['setPropOverrides'] = value =>
this.setState(state => ({
propOverrides: !value ? {} : typeof value === 'function' ? value(state.propOverrides) : value,
}));
/**
* @this {React.PureComponent<P & AsModalProps, State>}
*/
render() {
override render() {
if (!this.state.render) return null;
return (