feat(vector-map): add shape option for modelElementSchema

src/components/Map/MapViewer/MapViewerVector/utils/config/reactionsLayer/useOlMapReactionsLayer.ts

@@ -62,6 +62,7 @@ export const useOlMapReactionsLayer = ({
             nameVerticalAlign: element.nameVerticalAlign as VerticalAlign,
             nameHorizontalAlign: element.nameHorizontalAlign as HorizontalAlign,
             text: element.name,
+            fontSize: element.fontSize,
             pointToProjection,
             mapInstance,
             modifications: element.modificationResidues,
@@ -89,12 +90,13 @@ export const useOlMapReactionsLayer = ({
           nameVerticalAlign: element.nameVerticalAlign as VerticalAlign,
           nameHorizontalAlign: element.nameHorizontalAlign as HorizontalAlign,
           text: element.name,
+          fontSize: element.fontSize,
           pointToProjection,
           mapInstance,
         };
-        if (element.compartmentType === 'CIRCLE') {
+        if (element.shape === 'OVAL_COMPARTMENT') {
           validElements.push(new CompartmentCircle(compartmentProps));
-        } else {
+        } else if (element.shape === 'SQUARE_COMPARTMENT') {
           validElements.push(new CompartmentSquare(compartmentProps));
         }
       }

src/models/modelElementSchema.ts

@@ -40,7 +40,7 @@ export const modelElementSchema = z.object({
   innerWidth: z.number().optional(),
   outerWidth: z.number().optional(),
   thickness: z.number().optional(),
-  compartmentType: z.enum(['SQUARE', 'CIRCLE']).optional(),
+  shape: z.enum(['SQUARE_COMPARTMENT', 'OVAL_COMPARTMENT', 'PATHWAY']).optional(),
   complex: z.number().nullable().optional(),
   initialAmount: z.number().nullable().optional(),
   charge: z.number().nullable().optional(),