Inserting/reparenting into a grid component

[gbalint]

Problem:
Inserting/reparenting into a grid component doesn't work.

Root cause:
The problem is the following:

• We collect the global frames of grid cells using the measurement helper components (which render an invisible clone of the grid with placeholders in each cell, so they are measurable html elements)
• getSpecialSizeMeasurements needs to find the appropriate measurement helper in the dom
• Measurement helpers are identifiable because they have an id which includes the element path of the grid they refer to. This a path which is coming from the metadata of the element.
• getSpecialSizeMeasurements uses the element path from the data-path attribute of the measured grid element to find the measurement helper
• When the grid is a component, the rendered grid layouted div's data-path contains the element path of the root element of the component and not the path of the component itself (e.g. foo/bar/grid:root instead of foo/bar/grid). But the measurement helper's id includes the element path of the component (e.g. foo/bar/grid). Because of this, getSpecialMeasurements does not find the measurement helper for this grid, and it does not store the grid cell global frames in specialSizeMeasurements

Fix:

• Instead of using the data-path of the measured element, use the paths coming from getPathsOnDomElement, which lists all the possible utopia element paths connected to this rendered html element. Try to find the measurement helper using these paths (it is enough to use the first one which is found).
• For the measurement of parentGridCellGlobalFrames, just do the same thing on the parent element in the dom.
• I renamed measureGlobalFramesOfGridCellsFromControl because it doesn't use the grid control anymore (but the measurement helper).

This change fixes all draw-to-insert/click-to-insert/reparent functionalities.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Play mode

[github-actions]

Try me

[relativeci]

#14969 Bundle Size — 58.03MiB (~+0.01%).

7962613(current) vs d1d46c1 master#14966(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14969	Baseline #14966
Initial JS	41.01MiB(~+0.01%)	41.01MiB
Initial CSS	0B	0B
Cache Invalidation	18.06%	17.95%
Chunks	20	20
Assets	22	22
Modules	4163	4163
Duplicate Modules	213	213
Duplicate Code	27.31%	27.31%
Packages	477	477
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #14969	Baseline #14966
JS	58.02MiB (~+0.01%)	58.02MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch fix/insertion-into-component Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}

[seanparsons]

Does this work with nested grids?

[gbalint]

Absolutely! These paths are all utopia element paths which render exactly to this html element, so there is no overlap between the paths of different grids.