pgAdmin 4 commit: Port the remaining components of the ERD Tool to Reac - Mailing list pgadmin-hackers

From Akshay Joshi
Subject pgAdmin 4 commit: Port the remaining components of the ERD Tool to Reac
Date
Msg-id E1oVXsA-0001Cu-JS@gothos.postgresql.org
Whole thread Raw
List pgadmin-hackers
Port the remaining components of the ERD Tool to React. Fixes #7343

1. Make use of MUI styles and remove SCSS.
2. Use the new common components for buttons and tooltips, so that they are consistent.
3. UI design should be aligned with the query tool.
4. Remove tippyjs and Alertify dependencies.

Branch
------
master

Details
-------
https://git.postgresql.org/gitweb?p=pgadmin4.git;a=commitdiff;h=0f46f070ed48abffaf8c463ef376b4b842072c7e
Author: Aditya Toshniwal <aditya.toshniwal@enterprisedb.com>

Modified Files
--------------
docs/en_US/images/erd_1m_dialog.png                | Bin 83879 -> 77210 bytes
docs/en_US/images/erd_mm_dialog.png                | Bin 85587 -> 77335 bytes
docs/en_US/images/erd_table_dialog.png             | Bin 48447 -> 62251 bytes
docs/en_US/images/erd_table_link.png               | Bin 79625 -> 242629 bytes
docs/en_US/images/erd_table_node.png               | Bin 54365 -> 70880 bytes
docs/en_US/images/erd_table_note.png               | Bin 104848 -> 99692 bytes
docs/en_US/images/erd_tool.png                     | Bin 317751 -> 356505 bytes
docs/en_US/images/erd_tool_toolbar.png             | Bin 29785 -> 18961 bytes
docs/en_US/release_notes_6_14.rst                  |   1 +
web/package.json                                   |   1 -
.../servers/databases/static/js/database.js        |   2 +-
web/pgadmin/static/img/magic.svg                   |   1 +
web/pgadmin/static/img/sql_file.svg                |  54 ++++
.../js/Dialogs}/ConfirmSaveContent.jsx             |   4 +-
web/pgadmin/static/js/SchemaView/DataGridView.jsx  |   2 +-
web/pgadmin/static/js/Theme/dark.js                |   4 +-
web/pgadmin/static/js/Theme/high_contrast.js       |   4 +-
web/pgadmin/static/js/Theme/standard.js            |   2 +
web/pgadmin/static/js/components/ExternalIcon.jsx  |  10 +-
web/pgadmin/static/js/components/Loader.jsx        |   5 +-
web/pgadmin/static/js/helpers/ModalProvider.jsx    |   2 +-
web/pgadmin/static/scss/_tippy.overrides.scss      |   9 -
web/pgadmin/static/scss/pgadmin.scss               |   1 -
web/pgadmin/tools/erd/__init__.py                  |   3 -
web/pgadmin/tools/erd/static/js/ERDModule.js       | 240 ++++++++++++++
web/pgadmin/tools/erd/static/js/erd_module.js      | 217 -------------
.../tools/erd/static/js/erd_tool/ERDConstants.js   |  21 ++
.../js/erd_tool/components/ConnectionBar.jsx       | 100 ++++++
.../BodyWidget.jsx => components/ERDTool.jsx}      | 355 +++++++++++----------
.../static/js/erd_tool/components/FloatingNote.jsx |  99 ++++++
.../static/js/erd_tool/components/MainToolBar.jsx  | 249 +++++++++++++++
.../static/js/erd_tool/dialogs/DialogWrapper.js    | 111 -------
.../static/js/erd_tool/dialogs/ManyToManyDialog.js |  71 ++---
.../static/js/erd_tool/dialogs/OneToManyDialog.js  |  72 ++---
.../erd/static/js/erd_tool/dialogs/TableDialog.js  | 170 ++++------
.../tools/erd/static/js/erd_tool/dialogs/index.js  |  25 --
.../tools/erd/static/js/erd_tool/dialogs/index.jsx |  95 ++++++
web/pgadmin/tools/erd/static/js/erd_tool/index.js  |  57 ----
.../erd/static/js/erd_tool/links/OneToManyLink.jsx |  68 +++-
.../erd/static/js/erd_tool/nodes/TableNode.jsx     | 115 +++++--
.../js/erd_tool/ui_components/ConnectionBar.jsx    |  57 ----
.../js/erd_tool/ui_components/FloatingNote.jsx     |  70 ----
.../static/js/erd_tool/ui_components/Loader.jsx    |  34 --
.../static/js/erd_tool/ui_components/ToolBar.jsx   | 146 ---------
web/pgadmin/tools/erd/static/js/erd_tool_hook.js   |  35 --
web/pgadmin/tools/erd/static/js/index.js           |  16 +-
web/pgadmin/tools/erd/static/scss/_erd.scss        | 265 ---------------
web/pgadmin/tools/erd/templates/erd/index.html     |  44 ++-
.../tools/sqleditor/static/js/SQLEditorModule.js   |   2 +-
.../static/js/components/sections/Query.jsx        |   2 +-
.../static/js/components/sections/ResultSet.jsx    |   2 +-
.../tools/sqleditor/templates/sqleditor/index.html |   7 -
.../erd/keyboard_shortcut_action_spec.js           |   2 +-
.../erd/{table_node_spec.js => table_node.spec.js} |  58 ++--
.../erd/ui_components/ConnectionBar.spec.js        |  32 ++
.../{body_widget_spec.js => ERDTool.spec.js}       |  97 +++---
...{floating_note_spec.js => FloatingNote.spec.js} |  14 +-
.../erd/ui_components/connection_bar_spec.js       |  25 --
.../javascript/erd/ui_components/loader_spec.js    |  23 --
.../javascript/erd/ui_components/toolbar_spec.js   |  76 -----
.../jasmine_capture_warnings_beforeall.js          |   7 +
web/webpack.config.js                              |   4 +-
web/webpack.shim.js                                |   1 -
web/yarn.lock                                      |  19 --
64 files changed, 1451 insertions(+), 1757 deletions(-)


pgadmin-hackers by date:

Previous
From: Aditya Toshniwal
Date:
Subject: [pgAdmin][RM7343] Revisit ERD tool for required React changes
Next
From: Akshay Joshi
Date:
Subject: Re: [pgAdmin][RM7343] Revisit ERD tool for required React changes