RI-7006: Replace resize related components#4574

Merged

dantovska merged 24 commits intomainfrom

feature/RI-7006-replace-lib-resize

Jun 4, 2025

Commits on Jun 2, 2025

Replace EUI panel with another libs resizable panel.
dantovska
committed
use the cx() for classnames
dantovska
committed
change browser panel sizes by the new array model instead of the key value object
dantovska
committed
fix some styling
dantovska
committed
remove repeating styles
dantovska
committed
leave the panel separator with no styles for now
dantovska
committed
add react-resizable-panels in __mocks__
dantovska
committed
render Panel and PanelGroup children
dantovska
committed
add wrappers around the resizable components
dantovska
committed
replace the workbench view - query and result panel section
dantovska
committed
increase min size to browser panels
dantovska
committed
add some props and styling to the components
dantovska
committed
hide popover empty unneeded button to fix the style
dantovska
committed
replace panels in instance page template
dantovska
committed
finish the handle design
dantovska
committed
create and replace the ResizeObserver everywhere
dantovska
committed
setup the window->ResizeObserver
dantovska
committed
moved ImperativePanelGroupHandle import in resize components
dantovska
committed
remove the react resizable panels mocks as they are not needed, since the components are moved to wrappers and not used directly in the components.
dantovska
committed
Rename the ResizeObserver component to RIResizeObserver to avoid the use of the built in class. Refactor the component itself as well
dantovska
committed
Fix RIResizeObserver export
dantovska
committed
Refactor ResizablePanelHandle using styled components
dantovska
committed
Main app test started failing; switching the mock back
dantovska
committed
fix panel sizes test
dantovska
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

RI-7006: Replace resize related components#4574

RI-7006: Replace resize related components#4574
dantovska merged 24 commits intomainfrom
feature/RI-7006-replace-lib-resize

Commits on Jun 2, 2025

Replace EUI panel with another libs resizable panel.

use the cx() for classnames

change browser panel sizes by the new array model instead of the key value object

fix some styling

remove repeating styles

leave the panel separator with no styles for now

add react-resizable-panels in mocks

render Panel and PanelGroup children

add wrappers around the resizable components

replace the workbench view - query and result panel section

increase min size to browser panels

add some props and styling to the components

hide popover empty unneeded button to fix the style

replace panels in instance page template

finish the handle design

create and replace the ResizeObserver everywhere

setup the window->ResizeObserver

moved ImperativePanelGroupHandle import in resize components

remove the react resizable panels mocks as they are not needed, since the components are moved to wrappers and not used directly in the components.

Rename the ResizeObserver component to RIResizeObserver to avoid the use of the built in class. Refactor the component itself as well

Fix RIResizeObserver export

Refactor ResizablePanelHandle using styled components

Main app test started failing; switching the mock back

fix panel sizes test

RI-7006: Replace resize related components#4574dantovska merged 24 commits intomainredis/RedisInsight:mainfrom feature/RI-7006-replace-lib-resizeredis/RedisInsight:feature/RI-7006-replace-lib-resizeCopy head branch name to clipboard

Commits

Commits on Jun 2, 2025

RI-7006: Replace resize related components#4574
dantovska merged 24 commits intomainfrom
feature/RI-7006-replace-lib-resize