@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/map/utils/rendering.js

@@ -1,124 +1,124 @@
-import { DEFAULT_RASTER_LAYER_FORMAT, MAP_TYPE_FLEET_STYLE, MAP_TYPE_TERRAIN, ENGINE_TYPE_P2D, ENGINE_TYPE_HARP, MAP_TYPE_DEFAULT, MAP_TYPE_NIGHT, MAP_TYPE_SATELLITE, } from "../components/constants.js";
-// https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#6-pixels-per-inch-ppi
-// Note: higher PPI image tiles result in larger label size and show more label on the map
-// HERE Raster Tile API v3: 100, 200, 200 or 400, 400
-export const getPPI = () => (window.devicePixelRatio >= 1.7 ? 200 : 100);
-// Even if webgl is enabled, some base layer cannot be rendered in HARP properly
-export const isVectorBased = (enableWebGL, baseLayer) => enableWebGL && baseLayer !== MAP_TYPE_TERRAIN && baseLayer !== MAP_TYPE_FLEET_STYLE;
-// See Migration guide: https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html
-export const getPlatform = (credentials) => 
-// Initiate and authenticate your connection to the HERE platform:
-new H.service.Platform({
-    apikey: credentials.apikey ?? '',
-    useHTTPS: location.protocol === 'https:',
-});
-export const getBaseTileLayer = (rasterTileService, engineType, minZoom, maxZoom) => {
-    // @ts-ignore-next-line "H.service.rasterTile" is newer that the types
-    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {
-        engineType,
-        tileSize: 512,
-    });
-    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);
-    // force the tile layer minimum zoom (furthest away possible) and maximum zoom (nearest) to the desired level
-    rasterTileLayer.setMin(minZoom);
-    rasterTileLayer.setMax(maxZoom);
-    return rasterTileLayer;
-};
-export const getBaseRasterTileService = (platform, style, features, lang) => {
-    // @ts-ignore-next-line "getRasterTileService" is newer that the types
-    return platform?.getRasterTileService({
-        format: DEFAULT_RASTER_LAYER_FORMAT,
-        queryParams: {
-            // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language
-            lang,
-            ppi: getPPI(),
-            style,
-            features,
-        },
-    });
-};
-export const getEngineType = (baseLayerName, enableWebGL) => {
-    switch (baseLayerName) {
-        case MAP_TYPE_FLEET_STYLE:
-        case MAP_TYPE_TERRAIN:
-            return ENGINE_TYPE_P2D;
-        default:
-            return enableWebGL ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;
-    }
-};
-export const getBaseLayer = async ({ baseLayerName, defaultLayers, enableWebGL, platform, engineType, language, vehicleRestrictions, minZoom, maxZoom, }) => {
-    const restriction = 'disabled'; // vehicleRestrictions ? 'active_and_inactive' : 'disabled';
-    const features = `pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:${restriction}`;
-    if (enableWebGL && baseLayerName === MAP_TYPE_DEFAULT) {
-        defaultLayers?.vector.normal.map.setMin(minZoom);
-        defaultLayers?.vector.normal.map.setMax(maxZoom);
-        return {
-            baseLayer: defaultLayers?.vector.normal.map,
+import { MAP_TYPE_TERRAIN as _, MAP_TYPE_FLEET_STYLE as v, ENGINE_TYPE_HARP as M, ENGINE_TYPE_P2D as E, MAP_TYPE_DEFAULT as p, MAP_TYPE_NIGHT as A, MAP_TYPE_SATELLITE as d, DEFAULT_RASTER_LAYER_FORMAT as h } from "../components/constants.js";
+const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e !== _ && e !== v, S = (r) => (
+  // Initiate and authenticate your connection to the HERE platform:
+  new H.service.Platform({
+    apikey: r.apikey ?? "",
+    useHTTPS: location.protocol === "https:"
+  })
+), P = (r, e, a, t) => {
+  const n = new H.service.rasterTile.Provider(r, {
+    engineType: e,
+    tileSize: 512
+  }), s = new H.map.layer.TileLayer(n);
+  return s.setMin(a), s.setMax(t), s;
+}, l = (r, e, a, t) => r?.getRasterTileService({
+  format: h,
+  queryParams: {
+    // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language
+    lang: t,
+    ppi: L(),
+    style: e,
+    features: a
+  }
+}), b = (r, e) => {
+  switch (r) {
+    case v:
+    case _:
+      return E;
+    default:
+      return e ? M : E;
+  }
+}, I = async ({
+  baseLayerName: r,
+  defaultLayers: e,
+  enableWebGL: a,
+  platform: t,
+  engineType: n,
+  language: s,
+  vehicleRestrictions: R,
+  minZoom: i,
+  maxZoom: c
+}) => {
+  const T = "pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:disabled";
+  if (a && r === p)
+    return e?.vector.normal.map.setMin(i), e?.vector.normal.map.setMax(c), {
+      baseLayer: e?.vector.normal.map
+    };
+  switch (r) {
+    case d: {
+      if (a) {
+        const y = {
+          base: {
+            style: "oslo",
+            scheme: "hybrid.day"
+          }
         };
+        await t.createHybridLayers(
+          y,
+          (o) => (o.raster.setMin(i), o.raster.setMax(c), o.vector.setMin(i), o.vector.setMax(c), {
+            baseLayer: o.raster,
+            overlayLayer: o.vector
+          }),
+          console.error
+        );
+      }
+      return {
+        baseLayer: P(
+          l(t, "explore.satellite.day", T, s),
+          n,
+          i,
+          c
+        )
+      };
     }
-    switch (baseLayerName) {
-        case MAP_TYPE_SATELLITE: {
-            if (enableWebGL) {
-                // This is a workaround for setting the min and max zoom limit for satellite map
-                // since the setMin/setMax cannot be set on the "defaultLayers.hybrid.liteday.raster".
-                // The HERE support suggested to create a hybrid layer for that and set the zoom limits
-                // on the two layers.
-                const hybridStyleConfig = {
-                    base: {
-                        style: 'oslo',
-                        scheme: 'hybrid.day',
-                    },
-                };
-                // This method creates hybrid map layers. A hybrid map consists of raster satellite base layer and vector layers on top.
-                // Layers created by this method can be used only when the Map is instantiated with H.Map.EngineType.HARP engineType.
-                // See https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.service.Platform_4.html#createHybridLayers
-                // @ts-ignore-next-line
-                await platform.createHybridLayers(hybridStyleConfig, (layers) => {
-                    layers.raster.setMin(minZoom);
-                    layers.raster.setMax(maxZoom);
-                    layers.vector.setMin(minZoom);
-                    layers.vector.setMax(maxZoom);
-                    return {
-                        baseLayer: layers.raster,
-                        overlayLayer: layers.vector,
-                    };
-                }, console.error);
-            }
-            return {
-                baseLayer: getBaseTileLayer(getBaseRasterTileService(platform, 'explore.satellite.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        case MAP_TYPE_TERRAIN: {
-            return {
-                baseLayer: getBaseTileLayer(getBaseRasterTileService(platform, 'topo.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        case MAP_TYPE_FLEET_STYLE: {
-            return {
-                baseLayer: getBaseTileLayer(getBaseRasterTileService(platform, 'logistics.day', features, language), ENGINE_TYPE_P2D, minZoom, maxZoom),
-            };
-        }
-        case MAP_TYPE_NIGHT: {
-            if (enableWebGL) {
-                // @ts-ignore-next-line "setMin" is working on "vector.normal.mapnight"
-                defaultLayers?.vector.normal.mapnight.setMin(minZoom);
-                // @ts-ignore-next-line "setMax" is working on "vector.normal.mapnight"
-                defaultLayers?.vector.normal.mapnight.setMax(maxZoom);
-                return {
-                    // @ts-ignore-next-line "vector.normal.mapnight" is newer than the types
-                    baseLayer: defaultLayers.vector.normal.mapnight,
-                };
-            }
-            return {
-                baseLayer: getBaseTileLayer(getBaseRasterTileService(platform, 'explore.night', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-        default: {
-            // As a replacement for "defaultLayers?.raster.normal.map" which uses the old and deprecated
-            // H.service.MapTileService, we use the Raster Tile Service v3 instead
-            return {
-                baseLayer: getBaseTileLayer(getBaseRasterTileService(platform, 'explore.day', features, language), engineType, minZoom, maxZoom),
-            };
-        }
-    }
+    case _:
+      return {
+        baseLayer: P(
+          l(t, "topo.day", T, s),
+          n,
+          i,
+          c
+        )
+      };
+    case v:
+      return {
+        baseLayer: P(
+          l(t, "logistics.day", T, s),
+          E,
+          i,
+          c
+        )
+      };
+    case A:
+      return a ? (e?.vector.normal.mapnight.setMin(i), e?.vector.normal.mapnight.setMax(c), {
+        // @ts-ignore-next-line "vector.normal.mapnight" is newer than the types
+        baseLayer: e.vector.normal.mapnight
+      }) : {
+        baseLayer: P(
+          l(t, "explore.night", T, s),
+          n,
+          i,
+          c
+        )
+      };
+    default:
+      return {
+        baseLayer: P(
+          l(t, "explore.day", T, s),
+          n,
+          i,
+          c
+        )
+      };
+  }
+};
+export {
+  I as getBaseLayer,
+  l as getBaseRasterTileService,
+  P as getBaseTileLayer,
+  b as getEngineType,
+  L as getPPI,
+  S as getPlatform,
+  w as isVectorBased
 };
+//# sourceMappingURL=rendering.js.map

package/components/map/utils/rendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering.js","sources":["../../../../src/components/map/utils/rendering.ts"],"sourcesContent":["import {\n    DEFAULT_RASTER_LAYER_FORMAT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_TERRAIN,\n    ENGINE_TYPE_P2D,\n    ENGINE_TYPE_HARP,\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n} from '../components/constants';\nimport type { MapCredentials, MapType } from './mapTypes';\n\n// https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#6-pixels-per-inch-ppi\n// Note: higher PPI image tiles result in larger label size and show more label on the map\n// HERE Raster Tile API v3: 100, 200, 200 or 400, 400\nexport const getPPI = () => (window.devicePixelRatio >= 1.7 ? 200 : 100);\n\n// Even if webgl is enabled, some base layer cannot be rendered in HARP properly\nexport const isVectorBased = (enableWebGL: boolean, baseLayer: MapType) =>\n    enableWebGL && baseLayer !== MAP_TYPE_TERRAIN && baseLayer !== MAP_TYPE_FLEET_STYLE;\n\n// See Migration guide: https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html\nexport const getPlatform = (credentials: MapCredentials) =>\n    // Initiate and authenticate your connection to the HERE platform:\n    new H.service.Platform({\n        apikey: credentials.apikey ?? '',\n        useHTTPS: location.protocol === 'https:',\n    });\n\nexport const getBaseTileLayer = <T>(\n    rasterTileService: T,\n    engineType: H.Map.EngineType,\n    minZoom: number,\n    maxZoom: number\n) => {\n    // @ts-ignore-next-line \"H.service.rasterTile\" is newer that the types\n    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {\n        engineType,\n        tileSize: 512,\n    });\n\n    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);\n\n    // force the tile layer minimum zoom (furthest away possible) and maximum zoom (nearest) to the desired level\n    rasterTileLayer.setMin(minZoom);\n    rasterTileLayer.setMax(maxZoom);\n\n    return rasterTileLayer;\n};\n\nexport const getBaseRasterTileService = (\n    platform: H.service.Platform,\n    style: string,\n    features: string,\n    lang: string\n) => {\n    // @ts-ignore-next-line \"getRasterTileService\" is newer that the types\n    return platform?.getRasterTileService({\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        queryParams: {\n            // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language\n            lang,\n            ppi: getPPI(),\n            style,\n            features,\n        },\n    });\n};\n\nexport const getEngineType = (baseLayerName: string, enableWebGL: boolean) => {\n    switch (baseLayerName) {\n        case MAP_TYPE_FLEET_STYLE:\n        case MAP_TYPE_TERRAIN:\n            return ENGINE_TYPE_P2D;\n        default:\n            return enableWebGL ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n    }\n};\n\nexport type BaseLayer = {\n    baseLayerName: string;\n    defaultLayers: H.service.DefaultLayers;\n    enableWebGL: boolean;\n    platform: H.service.Platform;\n    engineType: H.Map.EngineType;\n    language: string;\n    vehicleRestrictions: boolean;\n    minZoom: number;\n    maxZoom: number;\n};\n\nexport type BaseLayerResponse = { baseLayer: H.map.layer.Layer; overlayLayer?: H.map.layer.Layer };\n\nexport const getBaseLayer = async ({\n    baseLayerName,\n    defaultLayers,\n    enableWebGL,\n    platform,\n    engineType,\n    language,\n    vehicleRestrictions,\n    minZoom,\n    maxZoom,\n}: BaseLayer): Promise<BaseLayerResponse> => {\n    const restriction = 'disabled'; // vehicleRestrictions ? 'active_and_inactive' : 'disabled';\n    const features = `pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:${restriction}`;\n\n    if (enableWebGL && baseLayerName === MAP_TYPE_DEFAULT) {\n        defaultLayers?.vector.normal.map.setMin(minZoom);\n        defaultLayers?.vector.normal.map.setMax(maxZoom);\n\n        return {\n            baseLayer: defaultLayers?.vector.normal.map,\n        };\n    }\n    switch (baseLayerName) {\n        case MAP_TYPE_SATELLITE: {\n            if (enableWebGL) {\n                // This is a workaround for setting the min and max zoom limit for satellite map\n                // since the setMin/setMax cannot be set on the \"defaultLayers.hybrid.liteday.raster\".\n                // The HERE support suggested to create a hybrid layer for that and set the zoom limits\n                // on the two layers.\n                const hybridStyleConfig = {\n                    base: {\n                        style: 'oslo',\n                        scheme: 'hybrid.day',\n                    },\n                };\n\n                // This method creates hybrid map layers. A hybrid map consists of raster satellite base layer and vector layers on top.\n                // Layers created by this method can be used only when the Map is instantiated with H.Map.EngineType.HARP engineType.\n                // See https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.service.Platform_4.html#createHybridLayers\n                // @ts-ignore-next-line\n                await platform.createHybridLayers(\n                    hybridStyleConfig,\n                    (layers: any) => {\n                        layers.raster.setMin(minZoom);\n                        layers.raster.setMax(maxZoom);\n\n                        layers.vector.setMin(minZoom);\n                        layers.vector.setMax(maxZoom);\n\n                        return {\n                            baseLayer: layers.raster,\n                            overlayLayer: layers.vector,\n                        };\n                    },\n                    console.error\n                );\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.satellite.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_TERRAIN: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'topo.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_FLEET_STYLE: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'logistics.day', features, language),\n                    ENGINE_TYPE_P2D,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_NIGHT: {\n            if (enableWebGL) {\n                // @ts-ignore-next-line \"setMin\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMin(minZoom);\n                // @ts-ignore-next-line \"setMax\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMax(maxZoom);\n\n                return {\n                    // @ts-ignore-next-line \"vector.normal.mapnight\" is newer than the types\n                    baseLayer: defaultLayers.vector.normal.mapnight,\n                };\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.night', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        default: {\n            // As a replacement for \"defaultLayers?.raster.normal.map\" which uses the old and deprecated\n            // H.service.MapTileService, we use the Raster Tile Service v3 instead\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n    }\n};\n"],"names":["getPPI","isVectorBased","enableWebGL","baseLayer","MAP_TYPE_TERRAIN","MAP_TYPE_FLEET_STYLE","getPlatform","credentials","getBaseTileLayer","rasterTileService","engineType","minZoom","maxZoom","rasterTileProvider","rasterTileLayer","getBaseRasterTileService","platform","style","features","lang","DEFAULT_RASTER_LAYER_FORMAT","getEngineType","baseLayerName","ENGINE_TYPE_P2D","ENGINE_TYPE_HARP","getBaseLayer","defaultLayers","language","vehicleRestrictions","MAP_TYPE_DEFAULT","MAP_TYPE_SATELLITE","hybridStyleConfig","layers","MAP_TYPE_NIGHT"],"mappings":"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"}

package/components/mapMarker/ClusterMapMarker.d.ts

@@ -1,4 +1,4 @@
-import { type MarkerColor } from '../map/utils/mapTypes';
+import { MarkerColor } from '../map/utils/mapTypes';
 export type ClusterMapMarkerProps = {
     /**
      * Number displayed in the center.

package/components/mapMarker/ClusterMapMarker.js

@@ -1,11 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { markerColorMapping } from "../map/utils/mapTypes.js";
-const ClusterMapMarker = (props) => {
-    const { count, exceptionCount = 0, markerColor = 'bg-map-marker-asset', warningCount = 0, active = false, clickable = true, iconName, cursor = 'cursor-pointer', } = props;
-    const clusterClasses = classNames('rio-map-cluster-circle', active && 'active', cursor);
-    const classes = classNames(active && 'active', 'rio-map-marker', 'rio-map-marker-center-center', !clickable && 'not-clickable');
-    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;
-    return (_jsx("div", { className: classes, style: { color: markerBackgroundColor }, "data-marker-type": markerColor.replace('bg-', 'cluster-'), children: _jsx("div", { className: 'rio-map-marker-translate', children: _jsxs("div", { className: 'rio-map-cluster', children: [_jsx("div", { className: clusterClasses, children: _jsxs("div", { className: 'rio-map-cluster-content', children: [iconName && (_jsx("span", { className: 'rio-map-icon', children: _jsx("span", { className: `rioglyph rioglyph-${iconName}` }) })), _jsx("div", { className: 'rio-map-count', children: count })] }) }), exceptionCount > 0 && _jsx("div", { className: 'rio-map-bubble exception', children: exceptionCount }), warningCount > 0 && _jsx("div", { className: 'rio-map-bubble warning', children: warningCount })] }) }) }));
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import o from "classnames";
+import { markerColorMapping as v } from "../map/utils/mapTypes.js";
+const g = (t) => {
+  const {
+    count: n,
+    exceptionCount: a = 0,
+    markerColor: e = "bg-map-marker-asset",
+    warningCount: c = 0,
+    active: s = !1,
+    clickable: m = !0,
+    iconName: i,
+    cursor: p = "cursor-pointer"
+  } = t, d = o("rio-map-cluster-circle", s && "active", p), u = o(
+    s && "active",
+    "rio-map-marker",
+    "rio-map-marker-center-center",
+    !m && "not-clickable"
+  ), k = `var(${v[e]})`;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: u,
+      style: { color: k },
+      "data-marker-type": e.replace("bg-", "cluster-"),
+      children: /* @__PURE__ */ r("div", { className: "rio-map-marker-translate", children: /* @__PURE__ */ l("div", { className: "rio-map-cluster", children: [
+        /* @__PURE__ */ r("div", { className: d, children: /* @__PURE__ */ l("div", { className: "rio-map-cluster-content", children: [
+          i && /* @__PURE__ */ r("span", { className: "rio-map-icon", children: /* @__PURE__ */ r("span", { className: `rioglyph rioglyph-${i}` }) }),
+          /* @__PURE__ */ r("div", { className: "rio-map-count", children: n })
+        ] }) }),
+        a > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble exception", children: a }),
+        c > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble warning", children: c })
+      ] }) })
+    }
+  );
 };
-export default ClusterMapMarker;
+export {
+  g as default
+};
+//# sourceMappingURL=ClusterMapMarker.js.map

package/components/mapMarker/ClusterMapMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterMapMarker.js","sources":["../../../src/components/mapMarker/ClusterMapMarker.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nexport type ClusterMapMarkerProps = {\n    /**\n     * Number displayed in the center.\n     */\n    count?: number;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected or not.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Name of a rioglyph icon.\n     */\n    iconName?: string;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst ClusterMapMarker = (props: ClusterMapMarkerProps) => {\n    const {\n        count,\n        exceptionCount = 0,\n        markerColor = 'bg-map-marker-asset',\n        warningCount = 0,\n        active = false,\n        clickable = true,\n        iconName,\n        cursor = 'cursor-pointer',\n    } = props;\n\n    const clusterClasses = classNames('rio-map-cluster-circle', active && 'active', cursor);\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-center-center',\n        !clickable && 'not-clickable'\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'cluster-')}\n        >\n            <div className='rio-map-marker-translate'>\n                <div className='rio-map-cluster'>\n                    <div className={clusterClasses}>\n                        <div className='rio-map-cluster-content'>\n                            {iconName && (\n                                <span className='rio-map-icon'>\n                                    <span className={`rioglyph rioglyph-${iconName}`} />\n                                </span>\n                            )}\n                            <div className='rio-map-count'>{count}</div>\n                        </div>\n                    </div>\n                    {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                    {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default ClusterMapMarker;\n"],"names":["ClusterMapMarker","props","count","exceptionCount","markerColor","warningCount","active","clickable","iconName","cursor","clusterClasses","classNames","classes","markerBackgroundColor","markerColorMapping","jsx","jsxs"],"mappings":";;;AAkEA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EAAA,IACTR,GAEES,IAAiBC,EAAW,0BAA0BL,KAAU,UAAUG,CAAM,GAChFG,IAAUD;AAAA,IACZL,KAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,CAACC,KAAa;AAAA,EAAA,GAGZM,IAAwB,OAAOC,EAAmBV,CAAW,CAAC;AAEpE,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWH;AAAA,MACX,OAAO,EAAE,OAAOC,EAAA;AAAA,MAChB,oBAAkBT,EAAY,QAAQ,OAAO,UAAU;AAAA,MAEvD,4BAAC,OAAA,EAAI,WAAU,4BACX,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,WAAWL,GACZ,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,UAAAR,KACG,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAW,qBAAqBP,CAAQ,GAAA,CAAI,GACtD;AAAA,UAEJ,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAb,EAAA,CAAM;AAAA,QAAA,EAAA,CAC1C,EAAA,CACJ;AAAA,QACCC,IAAiB,KAAK,gBAAAY,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAZ,GAAe;AAAA,QAChFE,IAAe,KAAK,gBAAAU,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAV,EAAA,CAAa;AAAA,MAAA,EAAA,CAC/E,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/mapMarker/SingleMapMarker.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, ReactNode } from 'react';
-import { type MarkerColor } from '../map/utils/mapTypes';
+import { ComponentProps, ReactNode } from 'react';
+import { MarkerColor } from '../map/utils/mapTypes';
 export type SingleMapMarkerProps = ComponentProps<'div'> & {
     /**
      * Defines the rotation of the arrow in deg.

package/components/mapMarker/SingleMapMarker.js

@@ -1,24 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { markerColorMapping } from "../map/utils/mapTypes.js";
-const DEFAULT_BEARING = 60;
-const MapStateIndicator = (props) => {
-    const { moving, bearing, stateIconName } = props;
-    if (!moving && !stateIconName) {
-        return null;
+import { jsx as a, jsxs as l, Fragment as S } from "react/jsx-runtime";
+import c from "classnames";
+import { markerColorMapping as j } from "../map/utils/mapTypes.js";
+const B = 60, E = (s) => {
+  const { moving: o, bearing: r, stateIconName: e } = s;
+  if (!o && !e)
+    return null;
+  const i = c("rioglyph", `rioglyph-${e || "direction"}`), n = e ? {} : { transform: `rotate(${r}deg)` };
+  return /* @__PURE__ */ a("div", { className: `rio-map-icon rio-map-marker-state ${e ? "" : "rio-map-direction"}`, children: /* @__PURE__ */ a("span", { className: i, style: n }) });
+}, F = (s = []) => s.map((o, r) => /* @__PURE__ */ a("div", { className: "rio-map-icon", children: /* @__PURE__ */ a("span", { className: `rioglyph rioglyph-${o}` }) }, `rio-map-icon-${o}-${r}`)), G = (s) => {
+  const {
+    bearing: o = B,
+    name: r,
+    warningCount: e = 0,
+    exceptionCount: i = 0,
+    active: n = !1,
+    clickable: N = !0,
+    fixed: v = !1,
+    moving: t = !1,
+    pinging: b = !1,
+    anchorIconName: m,
+    stateIconName: f,
+    iconNames: p,
+    markerColor: g = "bg-map-marker-asset",
+    textColor: k,
+    anchorSize: u,
+    markerOnHover: y = !1,
+    anchorOnly: C = !r && !p,
+    cursor: d = "cursor-pointer",
+    className: x,
+    style: $
+  } = s, h = u === "lg", I = c(
+    n && "active",
+    "rio-map-marker",
+    "rio-map-marker-bottom-center",
+    !N && "not-clickable",
+    x
+  ), M = c("rio-map-anchor", h ? "rio-map-anchor-lg" : "", d), w = c(
+    "rio-map-single",
+    v && "fixed",
+    t && "moving",
+    k,
+    y && "visible-on-hover",
+    n && "active",
+    b && "pinging",
+    typeof r == "string" && r.length === 1 && "single-letter",
+    d
+  ), A = `var(${j[g]})`;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: I,
+      style: { ...$, color: A },
+      "data-marker-type": g.replace("bg-", "single-"),
+      children: /* @__PURE__ */ l("div", { className: "rio-map-marker-translate", children: [
+        !C && /* @__PURE__ */ l(S, { children: [
+          /* @__PURE__ */ l("div", { className: w, children: [
+            /* @__PURE__ */ a(E, { moving: t, bearing: o, stateIconName: f }),
+            F(p),
+            r && /* @__PURE__ */ a("div", { className: "rio-map-name", children: r }),
+            i > 0 && /* @__PURE__ */ a("div", { className: "rio-map-bubble exception", children: i }),
+            e > 0 && /* @__PURE__ */ a("div", { className: "rio-map-bubble warning", children: e })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "rio-map-anchor-arrow" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: M, children: m && h && /* @__PURE__ */ a("span", { className: `rioglyph rioglyph-${m}` }) })
+      ] })
     }
-    const iconClassName = classNames('rioglyph', `rioglyph-${stateIconName || 'direction'}`);
-    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };
-    return (_jsx("div", { className: `rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`, children: _jsx("span", { className: iconClassName, style: style }) }));
+  );
 };
-const getIcons = (iconNames = []) => iconNames.map((name, index) => (_jsx("div", { className: 'rio-map-icon', children: _jsx("span", { className: `rioglyph rioglyph-${name}` }) }, `rio-map-icon-${name}-${index}`)));
-const SingleMapMarker = (props) => {
-    const { bearing = DEFAULT_BEARING, name, warningCount = 0, exceptionCount = 0, active = false, clickable = true, fixed = false, moving = false, pinging = false, anchorIconName, stateIconName, iconNames, markerColor = 'bg-map-marker-asset', textColor, anchorSize, markerOnHover = false, anchorOnly = !name && !iconNames, cursor = 'cursor-pointer', className, style, } = props;
-    const largeAnchor = anchorSize === 'lg';
-    const classes = classNames(active && 'active', 'rio-map-marker', 'rio-map-marker-bottom-center', !clickable && 'not-clickable', className);
-    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);
-    const singleClasses = classNames('rio-map-single', fixed && 'fixed', moving && 'moving', textColor, markerOnHover && 'visible-on-hover', active && 'active', pinging && 'pinging', typeof name === 'string' && name.length === 1 && 'single-letter', cursor);
-    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;
-    return (_jsx("div", { className: classes, style: { ...style, color: markerBackgroundColor }, "data-marker-type": markerColor.replace('bg-', 'single-'), children: _jsxs("div", { className: 'rio-map-marker-translate', children: [!anchorOnly && (_jsxs(_Fragment, { children: [_jsxs("div", { className: singleClasses, children: [_jsx(MapStateIndicator, { moving: moving, bearing: bearing, stateIconName: stateIconName }), getIcons(iconNames), name && _jsx("div", { className: 'rio-map-name', children: name }), exceptionCount > 0 && _jsx("div", { className: 'rio-map-bubble exception', children: exceptionCount }), warningCount > 0 && _jsx("div", { className: 'rio-map-bubble warning', children: warningCount })] }), _jsx("div", { className: 'rio-map-anchor-arrow' })] })), _jsx("div", { className: anchorClasses, children: anchorIconName && largeAnchor && _jsx("span", { className: `rioglyph rioglyph-${anchorIconName}` }) })] }) }));
+export {
+  G as default
 };
-export default SingleMapMarker;
+//# sourceMappingURL=SingleMapMarker.js.map

package/components/mapMarker/SingleMapMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleMapMarker.js","sources":["../../../src/components/mapMarker/SingleMapMarker.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nconst DEFAULT_BEARING = 60;\n\nconst MapStateIndicator = (props: { moving: boolean; bearing: number; stateIconName?: string }) => {\n    const { moving, bearing, stateIconName } = props;\n\n    if (!moving && !stateIconName) {\n        return null;\n    }\n\n    const iconClassName = classNames('rioglyph', `rioglyph-${stateIconName || 'direction'}`);\n\n    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };\n\n    return (\n        <div className={`rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`}>\n            <span className={iconClassName} style={style} />\n        </div>\n    );\n};\n\nconst getIcons = (iconNames: string[] = []) =>\n    iconNames.map((name, index) => (\n        <div key={`rio-map-icon-${name}-${index}`} className='rio-map-icon'>\n            <span className={`rioglyph rioglyph-${name}`} />\n        </div>\n    ));\n\nexport type SingleMapMarkerProps = ComponentProps<'div'> & {\n    /**\n     * Defines the rotation of the arrow in deg.\n     *\n     * @default 60\n     */\n    bearing?: number;\n\n    /**\n     * Text for the marker.\n     */\n    name?: string | ReactNode;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if marker is fixed and has no centering point.\n     *\n     * @default false\n     */\n    fixed?: boolean;\n\n    /**\n     * Defines whether the direction icon is displayed or not.\n     *\n     * @default false\n     */\n    moving?: boolean;\n\n    /**\n     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.\n     */\n    stateIconName?: string;\n\n    /**\n     * Defines if marker is displayed with pinging animation.\n     *\n     * @default false\n     */\n    pinging?: boolean;\n\n    /**\n     * List of rioglyph icon names.\n     */\n    iconNames?: string[];\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     * - `bg-map-marker-restrictions`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Can be used to add a text-color class to the marker div.\n     */\n    textColor?: string;\n\n    /**\n     * Used to control the marker's anchor size.\n     *\n     * Possible values are:\n     * - `md`\n     * - `lg`\n     *\n     * @default 'md'\n     */\n    anchorSize?: 'md' | 'lg';\n\n    /**\n     * Whether the marker is only visible on hover.\n     *\n     * @default false\n     */\n    markerOnHover?: boolean;\n\n    /**\n     * Optional icon that is shown on the anchor of the DOM marker.\n     * Use this when no marker content is shown.\n     */\n    anchorIconName?: string;\n\n    /**\n     * Shows only the anchor without the rest of the marker.\n     */\n    anchorOnly?: boolean;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst SingleMapMarker = (props: SingleMapMarkerProps) => {\n    const {\n        bearing = DEFAULT_BEARING,\n        name,\n        warningCount = 0,\n        exceptionCount = 0,\n        active = false,\n        clickable = true,\n        fixed = false,\n        moving = false,\n        pinging = false,\n        anchorIconName,\n        stateIconName,\n        iconNames,\n        markerColor = 'bg-map-marker-asset',\n        textColor,\n        anchorSize,\n        markerOnHover = false,\n        anchorOnly = !name && !iconNames,\n        cursor = 'cursor-pointer',\n        className,\n        style,\n    } = props;\n\n    const largeAnchor = anchorSize === 'lg';\n\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-bottom-center',\n        !clickable && 'not-clickable',\n        className\n    );\n\n    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);\n\n    const singleClasses = classNames(\n        'rio-map-single',\n        fixed && 'fixed',\n        moving && 'moving',\n        textColor,\n        markerOnHover && 'visible-on-hover',\n        active && 'active',\n        pinging && 'pinging',\n        typeof name === 'string' && name.length === 1 && 'single-letter',\n        cursor\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ ...style, color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'single-')}\n        >\n            <div className='rio-map-marker-translate'>\n                {!anchorOnly && (\n                    <>\n                        <div className={singleClasses}>\n                            <MapStateIndicator moving={moving} bearing={bearing} stateIconName={stateIconName} />\n                            {getIcons(iconNames)}\n                            {name && <div className='rio-map-name'>{name}</div>}\n                            {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                            {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                        </div>\n                        <div className='rio-map-anchor-arrow' />\n                    </>\n                )}\n                <div className={anchorClasses}>\n                    {anchorIconName && largeAnchor && <span className={`rioglyph rioglyph-${anchorIconName}`} />}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SingleMapMarker;\n"],"names":["DEFAULT_BEARING","MapStateIndicator","props","moving","bearing","stateIconName","iconClassName","classNames","style","jsx","getIcons","iconNames","name","index","SingleMapMarker","warningCount","exceptionCount","active","clickable","fixed","pinging","anchorIconName","markerColor","textColor","anchorSize","markerOnHover","anchorOnly","cursor","className","largeAnchor","classes","anchorClasses","singleClasses","markerBackgroundColor","markerColorMapping","jsxs","Fragment"],"mappings":"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"}

package/components/menuItems/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type MenuItemProps = {
     index?: number;
     value?: string | React.ReactNode;

package/components/menuItems/MenuItem.js

@@ -1,32 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import DropdownSubmenu from "../dropdown/DropdownSubmenu.js";
-import DropdownHeader from "../selects/DropdownHeader.js";
-const MenuItem = (props) => {
-    const { index, value, divider = false, disabled = false, active = false, header = false, onSelect = noop, closeMenu = noop, onMouseEnter = noop, } = props;
-    if (React.isValidElement(value) && value.type === DropdownSubmenu) {
-        return value;
+import { jsx as n } from "react/jsx-runtime";
+import M from "react";
+import b from "classnames";
+import { noop as r } from "es-toolkit/function";
+import x from "../dropdown/DropdownSubmenu.js";
+import E from "../selects/DropdownHeader.js";
+const k = (l) => {
+  const {
+    index: i,
+    value: e,
+    divider: s = !1,
+    disabled: o = !1,
+    active: m = !1,
+    header: d = !1,
+    onSelect: c = r,
+    closeMenu: a = r,
+    onMouseEnter: f = r
+  } = l;
+  if (M.isValidElement(e) && e.type === x)
+    return e;
+  const p = s ? "separator" : "presentation", u = b(s && "divider pointer-events-none", o && "disabled", m && "active"), v = (t) => {
+    o || (c(i, t), a && a());
+  }, h = (t) => {
+    o || f(t);
+  };
+  return d ? /* @__PURE__ */ n(E, { label: e, center: !1 }) : /* @__PURE__ */ n(
+    "li",
+    {
+      role: p,
+      className: u,
+      onClick: v,
+      onMouseEnter: h,
+      "data-item-index": i,
+      children: /* @__PURE__ */ n("a", { role: "menuitem", children: e })
     }
-    const role = divider ? 'separator' : 'presentation';
-    const classes = classNames(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');
-    const handleSelectItem = (event) => {
-        if (!disabled) {
-            onSelect(index, event);
-            if (closeMenu) {
-                closeMenu();
-            }
-        }
-    };
-    const handleItemMouseEnter = (event) => {
-        if (!disabled) {
-            onMouseEnter(event);
-        }
-    };
-    if (header) {
-        return _jsx(DropdownHeader, { label: value, center: false });
-    }
-    return (_jsx("li", { role: role, className: classes, onClick: handleSelectItem, onMouseEnter: handleItemMouseEnter, "data-item-index": index, children: _jsx("a", { role: 'menuitem', children: value }) }));
+  );
+};
+export {
+  k as default
 };
-export default MenuItem;
+//# sourceMappingURL=MenuItem.js.map

package/components/menuItems/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/menuItems/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport DropdownSubmenu from '../dropdown/DropdownSubmenu';\nimport DropdownHeader from '../selects/DropdownHeader';\n\nexport type MenuItemProps = {\n    index?: number;\n    value?: string | React.ReactNode;\n    active?: boolean;\n\n    /**\n     * Setting \"disabled\" to true will disable the respective item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Will add a divider line between the items inside the dropdown.\n     *\n     * @default false\n     */\n    divider?: boolean;\n    header?: boolean;\n\n    /**\n     * Callback function triggered when an item is selected.\n     * @param value\n     * @param event\n     * @returns\n     */\n    onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;\n    closeMenu?: VoidFunction;\n    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;\n};\n\nconst MenuItem = (props: MenuItemProps) => {\n    const {\n        index,\n        value,\n        divider = false,\n        disabled = false,\n        active = false,\n        header = false,\n        onSelect = noop,\n        closeMenu = noop,\n        onMouseEnter = noop,\n    } = props;\n\n    if (React.isValidElement(value) && value.type === DropdownSubmenu) {\n        return value;\n    }\n\n    const role = divider ? 'separator' : 'presentation';\n\n    const classes = classNames(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');\n\n    const handleSelectItem = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onSelect(index, event);\n\n            if (closeMenu) {\n                closeMenu();\n            }\n        }\n    };\n\n    const handleItemMouseEnter = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onMouseEnter(event);\n        }\n    };\n\n    if (header) {\n        return <DropdownHeader label={value} center={false} />;\n    }\n\n    return (\n        <li\n            role={role}\n            className={classes}\n            onClick={handleSelectItem}\n            onMouseEnter={handleItemMouseEnter}\n            data-item-index={index}\n        >\n            <a role='menuitem'>{value}</a>\n        </li>\n    );\n};\n\nexport default MenuItem;\n"],"names":["MenuItem","props","index","value","divider","disabled","active","header","onSelect","noop","closeMenu","onMouseEnter","React","DropdownSubmenu","role","classes","classNames","handleSelectItem","event","handleItemMouseEnter","jsx","DropdownHeader"],"mappings":";;;;;;AAsCA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAWC;AAAA,IACX,WAAAC,IAAYD;AAAA,IACZ,cAAAE,IAAeF;AAAA,EAAA,IACfR;AAEJ,MAAIW,EAAM,eAAeT,CAAK,KAAKA,EAAM,SAASU;AAC9C,WAAOV;AAGX,QAAMW,IAAOV,IAAU,cAAc,gBAE/BW,IAAUC,EAAWZ,KAAW,+BAA+BC,KAAY,YAAYC,KAAU,QAAQ,GAEzGW,IAAmB,CAACC,MAA2C;AACjE,IAAKb,MACDG,EAASN,GAAOgB,CAAK,GAEjBR,KACAA,EAAA;AAAA,EAGZ,GAEMS,IAAuB,CAACD,MAA2C;AACrE,IAAKb,KACDM,EAAaO,CAAK;AAAA,EAE1B;AAEA,SAAIX,IACO,gBAAAa,EAACC,GAAA,EAAe,OAAOlB,GAAO,QAAQ,IAAO,IAIpD,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,WAAWC;AAAA,MACX,SAASE;AAAA,MACT,cAAcE;AAAA,MACd,mBAAiBjB;AAAA,MAEjB,UAAA,gBAAAkB,EAAC,KAAA,EAAE,MAAK,YAAY,UAAAjB,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtC;"}

package/components/menuItems/MenuItemList.d.ts

@@ -1,7 +1,7 @@
-import { type PropsWithChildren, type HTMLProps } from 'react';
+import { PropsWithChildren, HTMLProps } from 'react';
 type MenuItemListProps = {
     pullRight?: boolean;
     className?: string;
 } & HTMLProps<HTMLUListElement>;
-declare const MenuItemList: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<MenuItemListProps>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+declare const MenuItemList: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<MenuItemListProps>, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
 export default MenuItemList;

package/components/menuItems/MenuItemList.js

@@ -1,9 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-const MenuItemList = forwardRef((props, ref) => {
-    const { pullRight, className, children, ...remainingProps } = props;
-    const dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', className);
-    return (_jsx("ul", { ...remainingProps, className: dropdownMenuClasses, ref: ref, role: 'menu', children: children }));
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import i from "classnames";
+const d = a((r, o) => {
+  const { pullRight: s, className: e, children: m, ...n } = r, t = i("dropdown-menu", s && "pull-right", e);
+  return /* @__PURE__ */ l("ul", { ...n, className: t, ref: o, role: "menu", children: m });
 });
-export default MenuItemList;
+export {
+  d as default
+};
+//# sourceMappingURL=MenuItemList.js.map

package/components/menuItems/MenuItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemList.js","sources":["../../../src/components/menuItems/MenuItemList.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren, type HTMLProps } from 'react';\nimport classNames from 'classnames';\n\ntype MenuItemListProps = {\n    pullRight?: boolean;\n    className?: string;\n} & HTMLProps<HTMLUListElement>;\n\nconst MenuItemList = forwardRef<HTMLUListElement, PropsWithChildren<MenuItemListProps>>((props, ref) => {\n    const { pullRight, className, children, ...remainingProps } = props;\n\n    const dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', className);\n\n    return (\n        <ul {...remainingProps} className={dropdownMenuClasses} ref={ref} role='menu'>\n            {children}\n        </ul>\n    );\n});\n\nexport default MenuItemList;\n"],"names":["MenuItemList","forwardRef","props","ref","pullRight","className","children","remainingProps","dropdownMenuClasses","classNames","jsx"],"mappings":";;;AAQA,MAAMA,IAAeC,EAAmE,CAACC,GAAOC,MAAQ;AACpG,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBL,GAExDM,IAAsBC,EAAW,iBAAiBL,KAAa,cAAcC,CAAS;AAE5F,SACI,gBAAAK,EAAC,QAAI,GAAGH,GAAgB,WAAWC,GAAqB,KAAAL,GAAU,MAAK,QAClE,UAAAG,EAAA,CACL;AAER,CAAC;"}

package/components/menuItems/MenuItems.d.ts

@@ -1,4 +1,4 @@
-import { type MenuItemProps as MenuItem } from './MenuItem';
+import { MenuItemProps as MenuItem } from './MenuItem';
 export type MenuItemsProps = {
     items: MenuItem[];
     closeMenu?: () => void;