Switch from radix to blueprint

[wadjih-bencheikh18]

closes : #469

For the RadioGroup component, I created the same we have with BluePrintJs
Either we update ours and make it use BluePrintJs instead of radix or just remove the component because it can be done using BluePrintJs

Technically I prefer we update ours because recreating it with BluePrintJs is not simple.

https://switch-from-radix-to-bluepri.react-science.pages.dev/stories/?path=/story/forms-radio--control-button
https://switch-from-radix-to-bluepri.react-science.pages.dev/stories/?path=/story/components-infopanel--basic

[stropitek]

Technically I prefer we update ours because recreating it with BluePrintJs is not simple.

Yes let's have our own component using the style override you made. Let's make it such that it has the exact same API as the blueprint RadioGroup component. Also let's name it differently to avoid name clashes: RadioButtonGroup

[stropitek]

Make sure to remove any non-used packages.

Do not change anything in the design of the component. I see a background color change on InfoPanel. Double check for other differences.

[cloudflare-workers-and-pages]

Deploying react-science with    Cloudflare Pages

Latest commit:	55ccf2f
Status:	✅  Deploy successful!
Preview URL:	https://ea0bb445.react-science.pages.dev
Branch Preview URL:	https://switch-from-radix-to-bluepri.react-science.pages.dev

View logs

[wadjih-bencheikh18]

@stropitek this PR is ready

[stropitek]

The hovered style of radio buttons is missing (vs. on the main branch)

[stropitek]

Please make the height and font size of the radio button component similar to other form components.

• Regular: 30px height and 14px font size (using rem unit)
• Large: 40px height and 16px font size (using rem unit)

Please provide a commit message with the list of breaking change.

[stropitek]

There is a regression in the sticky accordion headers of the info panel.

CleanShot.2024-11-04.at.09.04.06.mp4

The height should be 30px / 40px including the borders. It should be the same size next to a text input.

Do your commit messages include all the breaking changes or will you provide a commit message with all the breaking changes in the PR thread?

[wadjih-bencheikh18]

Do your commit messages include all the breaking changes or will you provide a commit message with all the breaking changes in the PR thread?

They Include all breaking changes

[wadjih-bencheikh18]

The height should be 30px / 40px including the borders. It should be the same size next to a text input.

Should border-radius also be the same?

[stropitek]

Should border-radius also be the same?

No does not have to be

[stropitek]

The content does not look centered now (it's too low), and there is a double border on the selected item.

[stropitek]

ping @wadjih-bencheikh18

Will you be able to finish this?

[stropitek]

@wadjih-bencheikh18 I am taking this over.

[stropitek]

Commit message

refactor: switch from radix to blueprint

BREAKING CHANGE: The `RadioGroup` component has been renamed to `RadioButtonGroup`. Its interface is now the same as blueprintjs's `RadioGroup` component, which changes how multiple of its props are named and typed.

[targos]

Shouldn't this uninstall the radix dependency?

[stropitek]

Yes they are no longer used, I removed them.