More customization for PlateFloatingLink

[eugenet8k]

The PlateFloatingLink is a great component for hyperlink adding/editing. Although it's not internationalization friendly, it has a few English strings hardcoded https://github.com/udecode/plate/blob/main/packages/ui/nodes/link/src/PlateFloatingLink.tsx#L54 and there is not easy way to override the labels.

It would be great to either have props based API to pass the labels overrides.
Another approach is if PlateFloatingLink would expose a ref to the root DOM element, so at least the text could be replaced via direct DOM manipulation after React render is completed.

[zbeyens]

We're in the process of migrating all the components into "headless UI", see https://github.com/orgs/udecode/projects/3 and https://reakit.io/docs/composition/. The link UI is completed from Plate 15.

The idea is that styled components like PlateFloatingLink are just dumb components with almost no customization because it's almost impossible to maintain nested components. The recommendation would be to create (fork) your own dumb component to style or customize it. https://headlessui.com/ has a similar approach: all their examples are not provided by the library.

However PRs are still welcome to add props to these dumb components.

[eugenet8k]

@zbeyens I see, good point with a fork. Considering that most of the logic is in those FloatingLink.###Buttons we only forking the layout and style. This should work great. Thank you for the suggestion.

[zbeyens]

Done in v22 #2472