RI-7039: replace eui #4548

pd-redis · 2025-05-14T07:25:23Z

this is the base branch where all ui updates should be merged initially before pushing back to main

# Conflicts: # redisinsight/ui/src/components/connectivity-error/ConnectivityError.tsx # redisinsight/ui/src/components/inline-item-editor/InlineItemEditor.tsx # redisinsight/ui/src/components/item-list/components/delete-action/DeleteAction.tsx # redisinsight/ui/src/components/item-list/components/export-action/ExportAction.tsx # redisinsight/ui/src/components/query/query-actions/QueryActions.tsx # redisinsight/ui/src/components/query/query-card/QueryCardHeader/QueryCardHeader.tsx # redisinsight/ui/src/components/side-panels/panels/enablement-area/EnablementArea/components/InternalPage/InternalPage.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyHash/AddKeyHash.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyList/AddKeyList.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyReJSON/AddKeyReJSON.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeySet/AddKeySet.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyStream/AddKeyStream.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyString/AddKeyString.tsx # redisinsight/ui/src/pages/browser/components/add-key/AddKeyZset/AddKeyZset.tsx # redisinsight/ui/src/pages/browser/modules/key-details/components/rejson-details/components/edit-entire-item-action/EditEntireItemAction.tsx # redisinsight/ui/src/pages/browser/modules/key-details/components/set-details/add-set-members/AddSetMembers.tsx # redisinsight/ui/src/pages/database-analysis/components/header/Header.tsx # redisinsight/ui/src/pages/home/components/database-list-header/DatabaseListHeader.tsx # redisinsight/ui/src/pages/home/components/database-manage-tags-modal/ManageTagsModal.tsx # redisinsight/ui/src/pages/settings/components/cloud-settings/CloudSettings.tsx # redisinsight/ui/src/pages/settings/components/cloud-settings/components/user-api-keys-table/UserApiKeysTable.tsx # redisinsight/ui/src/pages/slow-log/components/Actions/Actions.tsx

* add RiToast.tsx, RiToaster.tsx * update notifications components, fix types in notifications.ts * update Notifications.tsx, error-messages.tsx to use RiToast components

* add/refactor text components * replace EuiText, EuiTextColor

* export redis ui numeric input * replace eui field number with numeric input * remove no longer used validators * add better test names and some more tests for the numeric input behavior when strings are provided

* export menu components * replace in Pagination component and delete bunch of styles

* RI-7071: Replace EuiTextArea with TextArea * RI-7071: remove .euiTextArea class styles * fix label

* Add Title.tsx * "Refactor: Replace EuiTitle with a custom Title component

* RI-7068: replace EuiSwitch for AutoRefresh * update AutoRefresh * SwitchInput for WorkbenchSettings * SwitchInput for ConsentOptions * SwitchInput for Monitor * SwitchInput for Graph * SwitchInput for MessageClaimPopover * SwitchInput for db analytics * remove euiSwitch styles * SwitchInput for redistimeseries-app * fix failing unit tests * refactor userEvent imports * update SwitchInput props signature * RI-7068: update SwitchInput props * update SwitchInput import path

* RI-7069: use Tabs for HomeTabs * RI-7069: use Tabs for InstancesNavigationPopover * fix unit tests * use Tabs for InsightsPanel * Tabs for DatabaseAnalysis * fix tests * Tabs for AnalyticsTabs * Tabs for ChatsWrapper * Tabs for BulkActionsTabs * Tabs for Panel * Tabs for StreamTabs * Tabs for ManualConnectionForm * drop euiTab styles * temp: skip manual connection tests * fix failing tests * update tests * cleanup tests * update import path * update test selector

* replace eui link with redis link everywhere * fix profile badge styling for cloud * create use profile link component and replace * remove custom styles --------- Co-authored-by: pd-redis <[email protected]>

* export the loader * replace everywhere * add support for t shirt sizing for redis ui loader and conversion to pixels

* RI-7058: expose redis ui Table component * update Table for TopKeys * use Table for TopNamespaces * use Table for UserApiKeysTable * use Table for TestConnectionsTable * use Table for TableResult * use Table for ClusterNodesTable * update Table for TableInfoResult * use Table for TableResult * use Table for ShortcutsTable * use Table for RedisClusterDatabasesPage * use Table for SentinelDatabasesResultPage * use Table for SentinelDatabasesPage * use Table for RedisCloudSubscriptionsPage * use Table for RedisCloudDatabasesResultPage * use Table for RedisCloudDatabasesPage * use Table for redisgraph * use Table for TableView * use Table for rdi tables

* replace eui tour step

* RI-7063: replace EuiPanel with Card * revert test ids

* add RadioGroup.tsx * replace EuiRadioGroup with RiRadioGroup * add redis-ui select * replace in EuiSuperSelect with RiSelect

* RI-7074: init RiTooltip * RI-7074: replace EuiTooltip with RITooltip * update unit tests * remove euiTooltip styles * fix failing tests * cleanup TODOs * resolve comments * remove EuiTooltip * expose TOOLTIP_DELAY_LONG constant

github-actions · 2025-07-09T14:31:29Z

Code Coverage - Frontend unit tests

St.^❔	Category	Percentage	Covered / Total
🟢	Statements	81.45%	18814/23100
🟡	Branches	66.95%	8224/12283
🟡	Functions	75.19%	4916/6538
🟢	Lines	81.85%	18413/22496

Test suite run success

4802 tests passing in 631 suites.

Report generated by 🧪jest coverage report action from b993a06

Replace EuiAccordion with RiAccordion

* RI-7064: replace EuiPopup init * replace EuiPopup with RiPopup * fix some unit tests * skip some unit tests * remove EuiPopover reference * fix tests * fix onboarding popover

* RI-7074: expose anchorClassName for RiTooltip * revert anchorClassName prop usage for RiTooltip * revert missing styles * fix missing import

* create progress bar loader component * replace EuiProgress with ProgressBarLoader * apply the background color logic; this will be extracted and reused at a later point

* Export the sidebar component * Use SideBarItem for the existing menu items * add width and height props to side bar icon * remove the logo component - wasn't flexible enough to use in this case * remove the navigation item wrapper * fix the icon naming to be consistent, remove unneeded icons, make them work for both light and dark themes * wrap the create cloud component inside sidebar when rendering * change getIconType function to just iconType * remove leafIcon, which is a leftover of a previous UI redesign - #2706, Node.tsx file

* fix for the builds failing with redis ui * fix for the builds failing with redis ui

* replace EuiIcon

* replace EuiIcon in ExternalLink.tsx * remove console.log * temp * update Icon.tsx, RiIcon.tsx * add isSvg prop * replace EuiIcon * add some icons * refactor icons * replace icons * replace icons * replace icons * replace icons * remove icon files * fix SlowLogTable.spec.tsx matcher * move sidebar icons * move options icons * move modules icons * replace Icon with RiIcon * remove todo comment * remove todo comment * add back icons * fix issues after rebase * remove usage of htmlIdGenerator * remove unused files, fix tests * RI-7040: refactor icons to reduce technical debt * include missing icon --------- Co-authored-by: pd-redis <[email protected]>

pd-redis added 30 commits May 7, 2025 12:28

add redis-ui

d377072

add forms/button

3a3696b

run format

ba385ab

add icons

049a991

add general export

3c3b65f

re-export icons from ui-icons

1832c1a

add theme config in themeContext.tsx

e5ed77b

make SecondaryButton.tsx outlined by default

8026a6c

add EmptyButton.tsx

36e23a1

add key panels

e2a9bfe

icon button added

f580b98

edit json icons

192aa1f

analysis page

e9358e0

update font size

f1051e2

DatetimeForm.tsx

31da78e

CloudSettings.tsx

40cbb55

add play and play filled icons

75db002

QueryCardHeader.tsx

52771a4

QueryActions.tsx

d07d5d2

InternalPage.tsx

eee47b2

move all icon imports

6301a55

checkpoint

05ef986

add db dialog

88bfbe9

notifications

4966145

remove unused imports

226baf2

fix ZSetDetails.tsx overflow

1acb93a

command helper

e836924

refactor window controls

f744afc

checkpoint

0f0e74f

pd-redis and others added 18 commits June 5, 2025 09:41

RI-7055: replace eui global toast

e98b604

* add RiToast.tsx, RiToaster.tsx * update notifications components, fix types in notifications.ts * update Notifications.tsx, error-messages.tsx to use RiToast components

RI-7070: RI-7072 replace eui text, eui colortext

5fc5800

* add/refactor text components * replace EuiText, EuiTextColor

RI-7050 replace EUI field number with NumericInput (#4607)

84a3d21

* export redis ui numeric input * replace eui field number with numeric input * remove no longer used validators * add better test names and some more tests for the numeric input behavior when strings are provided

RI-7048, RI-7049: replace eui menu with redis menu (#4611)

0b87f59

* export menu components * replace in Pagination component and delete bunch of styles

RI-7071: Replace EuiTextArea with TextArea (#4619)

4cb33d0

* RI-7071: Replace EuiTextArea with TextArea * RI-7071: remove .euiTextArea class styles * fix label

replace euitext with colortext

1469bda

RI-7073 replace eui title

662ee58

* Add Title.tsx * "Refactor: Replace EuiTitle with a custom Title component

RI-7059: Replace EUI Link with Redis Link (#4620)

62f8a72

* replace eui link with redis link everywhere * fix profile badge styling for cloud * create use profile link component and replace * remove custom styles --------- Co-authored-by: pd-redis <[email protected]>

RI-7060: Replace EUI Loading Spinner with Redis Loader (#4631)

01d6ef4

* export the loader * replace everywhere * add support for t shirt sizing for redis ui loader and conversion to pixels

RI-7179: replace eui tour step

face974

* replace eui tour step

RI-7063: replace EuiPanel with Card (#4655)

1320c70

* RI-7063: replace EuiPanel with Card * revert test ids

RI-7066: replace eui radio group and eui SuperSelect, RI-7067 (#4645)

e075507

* add RadioGroup.tsx * replace EuiRadioGroup with RiRadioGroup * add redis-ui select * replace in EuiSuperSelect with RiSelect

remove cx

7f0bbd4

[RI-7074] Replace EuiToolTip with RiTooltip (#4659)

bd05295

* RI-7074: init RiTooltip * RI-7074: replace EuiTooltip with RITooltip * update unit tests * remove euiTooltip styles * fix failing tests * cleanup TODOs * resolve comments * remove EuiTooltip * expose TOOLTIP_DELAY_LONG constant

Merge branch 'main' into fe/feature/RI-7039-replace-eui

c7bb583

pd-redis requested a review from KIvanow July 8, 2025 13:05

fix errors after main merge

59650e0

pd-redis and others added 2 commits July 9, 2025 18:34

RI-7040: replace eui accordion

6d9f45f

Replace EuiAccordion with RiAccordion

[RI-7064] Replace EuiPopover with RiPopover (#4671)

f93a9a7

* RI-7064: replace EuiPopup init * replace EuiPopup with RiPopup * fix some unit tests * skip some unit tests * remove EuiPopover reference * fix tests * fix onboarding popover

KrumTy requested a review from valkirilov as a code owner July 10, 2025 12:24

KrumTy and others added 6 commits July 10, 2025 16:18

[RI-7074] revert anchorClassName prop usage for RiTooltip (#4710)

e3f0b73

* RI-7074: expose anchorClassName for RiTooltip * revert anchorClassName prop usage for RiTooltip * revert missing styles * fix missing import

RI-7065: Replace EUI Progress with custom Progress Bar Loader (#4663)

0dd6e01

* create progress bar loader component * replace EuiProgress with ProgressBarLoader * apply the background color logic; this will be extracted and reused at a later point

Fe/feature/ri 7039 replace eui build fix 2 (#4721)

4c6983b

* fix for the builds failing with redis ui * fix for the builds failing with redis ui

RI-7040: replace eui icon

a7f885d

* replace EuiIcon

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

RI-7039: replace eui #4548

RI-7039: replace eui #4548

Uh oh!

pd-redis commented May 14, 2025

Uh oh!

github-actions bot commented Jul 9, 2025 •

edited

Loading

Uh oh!

Uh oh!

RI-7039: replace eui #4548

Are you sure you want to change the base?

RI-7039: replace eui #4548

Uh oh!

Conversation

pd-redis commented May 14, 2025

Uh oh!

github-actions bot commented Jul 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Code Coverage - Frontend unit tests

Test suite run success

Uh oh!

Uh oh!

github-actions bot commented Jul 9, 2025 •

edited

Loading