IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2026-08-19 01:15:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

Migrate pgAdmin UI to use React 19. #8676

Browse Source
This commit is contained in:
Aditya Toshniwal
2025-10-24 08:26:10 +05:30
committed by GitHub
parent 53a994ba1e
commit 0a14db01be
204 changed files with 818 additions and 675 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/regression/javascript/SchemaView/SchemaDialogView.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import {TestSchema} from './TestSchema.ui';
web/regression/javascript/SchemaView/SchemaDialogViewEdit.spec.js
+1 -1
View File
@@ -8,7 +8,7 @@
//////////////////////////////////////////////////////////////
import React, { act } from 'react';
import { act } from 'react';
import { render } from '@testing-library/react';
import {TestSchema} from './TestSchema.ui';
web/regression/javascript/SchemaView/SchemaPropertiesView.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import {TestSchema} from './TestSchema.ui';
web/regression/javascript/SchemaView/SchemaViewAllTypes.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import { TestSchemaAllTypes} from './TestSchema.ui';
web/regression/javascript/SecurityPages/ForgotPasswordPage.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/SecurityPages/LoginPage.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/SecurityPages/MfaRegisterPage.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/SecurityPages/MfaValidatePage.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/SecurityPages/PasswordResetPage.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/__mocks__/@mui/material.jsx
+8 -3
View File
@@ -1,13 +1,18 @@
import React, { useRef } from 'react';
import { useRef } from 'react';
import CustomPropTypes from '../../../../pgadmin/static/js/custom_prop_types';
export * from '@mui/material';
// mock popper
export const Popper = React.forwardRef((props, _ref)=>{
export const Popper = (
{
ref: _ref,
...props
}
) => {
const ele = useRef();
return <div ref={ele} data-test="material-popper">{props.children}</div>;
});
};
Popper.displayName = 'Popper';
Popper.propTypes = {
web/regression/javascript/__mocks__/react-data-grid.jsx
+8 -3
View File
@@ -1,12 +1,17 @@
import React, { useRef } from 'react';
import { useRef } from 'react';
import PropTypes from 'prop-types';
export * from 'react-data-grid';
const ReactDataGrid = React.forwardRef((props, _ref)=>{
const ReactDataGrid = (
{
ref: _ref,
...props
}
) => {
const ele = useRef();
return <div id={props.id} ref={ele} data-test="react-data-grid"/>;
});
};
ReactDataGrid.displayName = 'ReactDataGrid';
ReactDataGrid.propTypes = {
web/regression/javascript/__mocks__/svg.js
+6 -4
View File
@@ -1,8 +1,10 @@
import React from 'react';
const SvgrMock = React.forwardRef((props, ref) => (
<svg ref={ref} {...props} />
));
const SvgrMock = (
{
ref,
...props
}
) => (<svg ref={ref} {...props} />);
SvgrMock.displayName = 'SvgrMock';
web/regression/javascript/__mocks__/uplot-react.jsx
-1
View File
@@ -1,4 +1,3 @@
import React from 'react';
export default function UplotReact() {
return <></>;
}
web/regression/javascript/components/Buttons.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import InfoIcon from '@mui/icons-material/InfoRounded';
web/regression/javascript/components/CodeMirror.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
web/regression/javascript/components/CodeMirrorCustomEditor.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import CodeMirror from 'sources/components/ReactCodeMirror';
web/regression/javascript/components/KeyboardShortcuts.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { fireEvent, render } from '@testing-library/react';
web/regression/javascript/components/Loader.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { render, screen } from '@testing-library/react';
import { withTheme } from '../fake_theme';
web/regression/javascript/components/Menu.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { fireEvent, render, screen } from '@testing-library/react';
web/regression/javascript/components/ObjectBreadcrumbs.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render, waitFor } from '@testing-library/react';
import ObjectBreadcrumbs from '../../../pgadmin/static/js/components/ObjectBreadcrumbs';
web/regression/javascript/components/Privilege.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import Privilege from 'sources/components/Privilege';
import { fireEvent, render, screen, waitFor } from '@testing-library/react';
web/regression/javascript/components/QueryThreshold.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { render, screen, waitFor } from '@testing-library/react';
web/regression/javascript/components/SelectRefresh.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { act, render, waitFor } from '@testing-library/react';
web/regression/javascript/components/SelectThemes.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { act, render, screen, waitFor } from '@testing-library/react';
web/regression/javascript/components/ShortcutTitle.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { withTheme } from '../fake_theme';
import { render } from '@testing-library/react';
web/regression/javascript/components/TabPanel.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import { withTheme } from '../fake_theme';
web/regression/javascript/dashboard/graphs_spec.js
-1
View File
@@ -1,5 +1,4 @@
import React from 'react';
import { DATA_POINT_SIZE } from 'sources/chartjs';
web/regression/javascript/dashboard/graphs_wrapper_spec.js
-1
View File
@@ -1,4 +1,3 @@
import React from 'react';
import {GraphsWrapper, X_AXIS_LENGTH, POINT_SIZE} from '../../../pgadmin/dashboard/static/js/Graphs';
import { withTheme } from '../fake_theme';
web/regression/javascript/debugger/MockDebuggerComponent.jsx
+1 -1
View File
@@ -7,7 +7,7 @@
//
//////////////////////////////////////////////////////////////
import React, { useRef, useMemo } from 'react';
import { useRef, useMemo } from 'react';
import PropTypes from 'prop-types';
import {DebuggerContext, DebuggerEventsContext} from '../../../pgadmin/tools/debugger/static/js/components/DebuggerComponent';
web/regression/javascript/debugger/debugger_spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/debugger/debugger_stack_spec.js
-1
View File
@@ -9,7 +9,6 @@
import React from 'react';
import { render } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/debugger/debugger_tool_bar_spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
web/regression/javascript/erd/onetomany_link_spec.js
-1
View File
@@ -6,7 +6,6 @@
// This software is released under the PostgreSQL Licence
//
//////////////////////////////////////////////////////////////
import React from 'react';
import {
web/regression/javascript/erd/table_node.spec.js
-1
View File
@@ -1,5 +1,4 @@
import React from 'react';
import { DefaultNodeModel } from '@projectstorm/react-diagrams';
web/regression/javascript/erd/ui_components/ConnectionBar.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import ConnectionBar, {STATUS} from 'pgadmin.tools.erd/erd_tool/components/ConnectionBar';
import Theme from '../../../../pgadmin/static/js/Theme';
web/regression/javascript/erd/ui_components/FloatingNote.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import FloatingNote from 'pgadmin.tools.erd/erd_tool/components/FloatingNote';
import Theme from '../../../../pgadmin/static/js/Theme';
web/regression/javascript/fake_theme.js
-1
View File
@@ -1,4 +1,3 @@
import React from 'react';
import Theme from 'sources/Theme';
export function withTheme(WrappedComp) {
web/regression/javascript/file_manager/FileManager.spec.js
+1 -1
View File
@@ -8,7 +8,7 @@
//////////////////////////////////////////////////////////////
import React, { act} from 'react';
import { act} from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/file_manager/GridView.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/file_manager/ListView.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render, screen, waitFor } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/file_manager/Uploader.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render, screen, waitFor } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/genericFunctions.jsx
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import pgAdmin from 'sources/pgadmin';
import SchemaView from '../../pgadmin/static/js/SchemaView';
import pgWindow from 'sources/window';
web/regression/javascript/grant_wizard/wizard_spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import '@testing-library/jest-dom';
web/regression/javascript/processes/Proceses.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render } from '@testing-library/react';
import { BgProcessManagerProcessState } from '../../../pgadmin/misc/bgprocess/static/js/BgProcessConstants';
web/regression/javascript/processes/ProcessDetails.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { render, waitFor } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/quick_search/quick_search_spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////////////////
import React from 'react';
import QuickSearch from '../../../pgadmin/static/js/QuickSearch';
import { render } from '@testing-library/react';
import Theme from '../../../pgadmin/static/js/Theme';
web/regression/javascript/schema_diff/schema_diff_spec.js
-1
View File
@@ -9,7 +9,6 @@
import React from 'react';
import { act, render } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/schema_ui_files/backup.ui.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import pgAdmin from 'sources/pgadmin';
import SchemaView from '../../../pgadmin/static/js/SchemaView';
web/regression/javascript/search_objects/SearchObject.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
web/regression/javascript/user_management/Permissions.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render, screen, fireEvent, waitFor } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/user_management/Roles.spec.js
-1
View File
@@ -7,7 +7,6 @@
//
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/user_management/UserDialog.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import { withBrowser } from '../genericFunctions';
web/regression/javascript/user_management/Users.spec.js
-1
View File
@@ -8,7 +8,6 @@
//////////////////////////////////////////////////////////////
import React from 'react';
import { act, render } from '@testing-library/react';
import MockAdapter from 'axios-mock-adapter';
web/regression/javascript/withPgadmin.js
-1
View File
@@ -1,4 +1,3 @@
import React from 'react';
import { PgAdminProvider } from '../../pgadmin/static/js/PgAdminProvider';
import fakePgAdmin from './fake_pgadmin';