feat(vector-map): add stateAbbreviation field for modifications

src/components/Map/MapViewer/MapViewerVector/utils/shapes/MapElement.ts

@@ -127,10 +127,13 @@ export default class MapElement {
           fill: getFill({ color: rgbToHex(modification.fillColor) }),
           zIndex: modification.z,
         });
-        if (modification.name) {
+        const modificationText = modification.stateAbbreviation
+          ? modification.stateAbbreviation
+          : modification.name;
+        if (modificationText) {
           modificationStyle.setText(
             new Text({
-              text: modification.name,
+              text: modificationText,
               font: `${modification.fontSize}px Arial`,
               textAlign: 'center',
               textBaseline: 'middle',

src/models/modelElementModificationSchema.ts

@@ -15,6 +15,7 @@ export const modelElementModificationSchema = z.object({
   fillColor: colorSchema,
   fontSize: z.number(),
   state: z.string().nullable().optional(),
+  stateAbbreviation: z.string().nullable().optional(),
   direction: z.enum(['RIGHT', 'LEFT']).optional(),
   active: z.boolean().optional(),
   sboTerm: z.string(),