[Map] Define IconTypes and IconType in TypeScript

Author: Kocal

src/Map/assets/dist/abstract_map_controller.d.ts

@@ -3,16 +3,22 @@ export type Point = {
     lat: number;
     lng: number;
 };
+export type Identifier = string;
+export type WithIdentifier<T extends Record<string, unknown>> = T & {
+    '@id': Identifier;
+};
+export declare const IconTypes: {
+    readonly Url: "url";
+    readonly InlineSvg: "inline-svg";
+    readonly UxIcon: "ux-icon";
+};
+export type IconType = (typeof IconTypes)[keyof typeof IconTypes];
 export type Icon = {
     content: string;
-    type: 'url' | 'inline-svg' | 'ux-icon';
+    type: IconType;
     width: number;
     height: number;
 };
-export type Identifier = string;
-export type WithIdentifier<T extends Record<string, unknown>> = T & {
-    '@id': Identifier;
-};
 export type MarkerDefinition<MarkerOptions, InfoWindowOptions> = WithIdentifier<{
     position: Point;
     title: string | null;

src/Map/assets/dist/abstract_map_controller.js

@@ -1,5 +1,10 @@
 import { Controller } from '@hotwired/stimulus';
 
+const IconTypes = {
+    Url: 'url',
+    InlineSvg: 'inline-svg',
+    UxIcon: 'ux-icon',
+};
 class default_1 extends Controller {
     constructor() {
         super(...arguments);
@@ -102,4 +107,4 @@ default_1.values = {
     options: Object,
 };
 
-export { default_1 as default };
+export { IconTypes, default_1 as default };

src/Map/assets/src/abstract_map_controller.ts

@@ -1,14 +1,21 @@
 import { Controller } from '@hotwired/stimulus';
 
 export type Point = { lat: number; lng: number };
+export type Identifier = string;
+export type WithIdentifier<T extends Record<string, unknown>> = T & { '@id': Identifier };
+
+export const IconTypes = {
+    Url: 'url',
+    InlineSvg: 'inline-svg',
+    UxIcon: 'ux-icon',
+} as const;
+export type IconType = (typeof IconTypes)[keyof typeof IconTypes];
 export type Icon = {
     content: string;
-    type: 'url' | 'inline-svg' | 'ux-icon';
+    type: IconType;
     width: number;
     height: number;
 };
-export type Identifier = string;
-export type WithIdentifier<T extends Record<string, unknown>> = T & { '@id': Identifier };
 
 export type MarkerDefinition<MarkerOptions, InfoWindowOptions> = WithIdentifier<{
     position: Point;

src/Map/src/Bridge/Google/assets/dist/map_controller.js

@@ -1,6 +1,11 @@
 import { Loader } from '@googlemaps/js-api-loader';
 import { Controller } from '@hotwired/stimulus';
 
+const IconTypes = {
+    Url: 'url',
+    InlineSvg: 'inline-svg',
+    UxIcon: 'ux-icon',
+};
 class default_1 extends Controller {
     constructor() {
         super(...arguments);
@@ -278,7 +283,7 @@ class map_controller extends default_1 {
     }
     doCreateIcon({ definition, element, }) {
         const { content, type, width, height } = definition;
-        if (type === 'inline-svg') {
+        if (type === IconTypes.InlineSvg) {
             const icon = this.parser.parseFromString(content, 'image/svg+xml').documentElement;
             element.content = icon;
         }

src/Map/src/Bridge/Google/assets/src/map_controller.ts

@@ -9,7 +9,7 @@
 
 import type { LoaderOptions } from '@googlemaps/js-api-loader';
 import { Loader } from '@googlemaps/js-api-loader';
-import AbstractMapController from '@symfony/ux-map';
+import AbstractMapController, { IconTypes } from '@symfony/ux-map';
 import type {
     Icon,
     InfoWindowWithoutPositionDefinition,
@@ -313,7 +313,7 @@ export default class extends AbstractMapController<
         element: google.maps.marker.AdvancedMarkerElement;
     }): void {
         const { content, type, width, height } = definition;
-        if (type === 'inline-svg') {
+        if (type === IconTypes.InlineSvg) {
             const icon = this.parser.parseFromString(content, 'image/svg+xml').documentElement;
             element.content = icon;
         } else {

src/Map/src/Bridge/Leaflet/assets/dist/map_controller.js

@@ -2,6 +2,11 @@ import { Controller } from '@hotwired/stimulus';
 import 'leaflet/dist/leaflet.min.css';
 import * as L from 'leaflet';
 
+const IconTypes = {
+    Url: 'url',
+    InlineSvg: 'inline-svg',
+    UxIcon: 'ux-icon',
+};
 class default_1 extends Controller {
     constructor() {
         super(...arguments);
@@ -202,7 +207,7 @@ class map_controller extends default_1 {
     }
     doCreateIcon({ definition, element, }) {
         const { content, type, width, height } = definition;
-        const icon = type === 'inline-svg'
+        const icon = type === IconTypes.InlineSvg
             ? L.divIcon({ html: content, iconSize: [width, height] })
             : L.icon({ iconUrl: content, iconSize: [width, height] });
         element.setIcon(icon);

src/Map/src/Bridge/Leaflet/assets/src/map_controller.ts

@@ -1,4 +1,4 @@
-import AbstractMapController from '@symfony/ux-map';
+import AbstractMapController, { IconTypes } from '@symfony/ux-map';
 import type {
     Icon,
     InfoWindowWithoutPositionDefinition,
@@ -187,7 +187,7 @@ export default class extends AbstractMapController<
     }): void {
         const { content, type, width, height } = definition;
         const icon =
-            type === 'inline-svg'
+            type === IconTypes.InlineSvg
                 ? L.divIcon({ html: content, iconSize: [width, height] })
                 : L.icon({ iconUrl: content, iconSize: [width, height] });
         element.setIcon(icon);