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

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js

@@ -1,34 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from "../../../constants.js";
-import Layer from "./Layer.js";
-import { useMapContext } from "../../../MapContext.js";
-import { isVectorBased } from "../../../../utils/rendering.js";
-// Layer for rendering truck road signs
-const createRoadRestrictionLayer = (engineType, devicePixelRatio) => (api, useWebGL, baseLayerName, language) => {
-    // @ts-ignore-next-line: according to the Here docs, the engine type exists
-    const trafficTileService = api.platform?.getRasterTileService({
-        resource: 'blank',
-        format: DEFAULT_RASTER_LAYER_FORMAT,
-        queryParams: {
-            lang: language,
-            // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small
-            ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,
-            features: 'vehicle_restrictions:active_and_inactive',
-        },
-    });
-    // @ts-ignore-next-line: according to the Here docs, the engine type exists
-    const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {
-        engineType,
-        tileSize: DEFAULT_TILE_SIZE,
-    });
-    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);
-    console.log('createRoadRestrictionLayer');
-    return trafficTileLayer;
+import { jsx as L } from "react/jsx-runtime";
+import { DEFAULT_RASTER_LAYER_FORMAT as f, ENGINE_TYPE_P2D as c, DEFAULT_TILE_SIZE as m, ENGINE_TYPE_HARP as R } from "../../../constants.js";
+import T from "./Layer.js";
+import { useMapContext as y } from "../../../MapContext.js";
+import { isVectorBased as E } from "../../../../utils/rendering.js";
+const _ = (e, r) => (t, i, o, a) => {
+  const s = t.platform?.getRasterTileService({
+    resource: "blank",
+    format: f,
+    queryParams: {
+      lang: a,
+      // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small
+      ppi: e === c && r > 1 ? 200 : 100,
+      features: "vehicle_restrictions:active_and_inactive"
+    }
+  }), n = new H.service.rasterTile.Provider(s, {
+    engineType: e,
+    tileSize: m
+  }), l = new H.map.layer.TileLayer(n);
+  return console.log("createRoadRestrictionLayer"), l;
+}, b = (e) => {
+  const { enableWebGL: r, baseLayer: t, devicePixelRatio: i } = y(), o = E(r, t) ? R : c, a = _(o, i);
+  return /* @__PURE__ */ L(T, { ...e, createLayer: a });
 };
-const RoadRestrictionLayer = (props) => {
-    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();
-    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;
-    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);
-    return _jsx(Layer, { ...props, createLayer: restrictionLayerCreator });
+export {
+  b as default
 };
-export default RoadRestrictionLayer;
+//# sourceMappingURL=RoadRestrictionLayer.js.map

package/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoadRestrictionLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/RoadRestrictionLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport { useMapContext } from '../../../MapContext';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { isVectorBased } from '../../../../utils/rendering';\n\n// Layer for rendering truck road signs\nconst createRoadRestrictionLayer =\n    (engineType: any | string, devicePixelRatio: number) =>\n    (api: MapApi, useWebGL: boolean, baseLayerName: string, language: string) => {\n        // @ts-ignore-next-line: according to the Here docs, the engine type exists\n        const trafficTileService = api.platform?.getRasterTileService({\n            resource: 'blank',\n            format: DEFAULT_RASTER_LAYER_FORMAT,\n            queryParams: {\n                lang: language,\n                // Increase size of road sign for pixel maps and high resolutions, otherwise the icons are too small\n                ppi: engineType === ENGINE_TYPE_P2D && devicePixelRatio > 1 ? 200 : 100,\n                features: 'vehicle_restrictions:active_and_inactive',\n            },\n        });\n\n        // @ts-ignore-next-line: according to the Here docs, the engine type exists\n        const trafficTileProvider1 = new H.service.rasterTile.Provider(trafficTileService, {\n            engineType,\n            tileSize: DEFAULT_TILE_SIZE,\n        });\n\n        const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider1);\n\n        console.log('createRoadRestrictionLayer');\n\n        return trafficTileLayer;\n    };\n\nexport type RoadRestrictionLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst RoadRestrictionLayer = (props: RoadRestrictionLayerProps) => {\n    const { enableWebGL, baseLayer, devicePixelRatio } = useMapContext();\n\n    const engineType = isVectorBased(enableWebGL, baseLayer) ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n\n    const restrictionLayerCreator = createRoadRestrictionLayer(engineType, devicePixelRatio);\n\n    return <Layer {...props} createLayer={restrictionLayerCreator} />;\n};\n\nexport default RoadRestrictionLayer;\n"],"names":["createRoadRestrictionLayer","engineType","devicePixelRatio","api","useWebGL","baseLayerName","language","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","ENGINE_TYPE_P2D","trafficTileProvider1","DEFAULT_TILE_SIZE","trafficTileLayer","RoadRestrictionLayer","props","enableWebGL","baseLayer","useMapContext","isVectorBased","ENGINE_TYPE_HARP","restrictionLayerCreator","jsx","Layer"],"mappings":";;;;;AAUA,MAAMA,IACF,CAACC,GAA0BC,MAC3B,CAACC,GAAaC,GAAmBC,GAAuBC,MAAqB;AAEzE,QAAMC,IAAqBJ,EAAI,UAAU,qBAAqB;AAAA,IAC1D,UAAU;AAAA,IACV,QAAQK;AAAA,IACR,aAAa;AAAA,MACT,MAAMF;AAAA;AAAA,MAEN,KAAKL,MAAeQ,KAAmBP,IAAmB,IAAI,MAAM;AAAA,MACpE,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAGKQ,IAAuB,IAAI,EAAE,QAAQ,WAAW,SAASH,GAAoB;AAAA,IAC/E,YAAAN;AAAA,IACA,UAAUU;AAAA,EAAA,CACb,GAEKC,IAAmB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAoB;AAEvE,iBAAQ,IAAI,4BAA4B,GAEjCE;AACX,GAIEC,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,kBAAAd,EAAA,IAAqBe,EAAA,GAE/ChB,IAAaiB,EAAcH,GAAaC,CAAS,IAAIG,IAAmBV,GAExEW,IAA0BpB,EAA2BC,GAAYC,CAAgB;AAEvF,SAAO,gBAAAmB,EAACC,GAAA,EAAO,GAAGR,GAAO,aAAaM,GAAyB;AACnE;"}

package/components/map/components/features/layers/overlayLayers/TrafficLayer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import Layer from './Layer';
+import { default as React } from 'react';
+import { default as Layer } from './Layer';
 export type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};
 declare const TrafficLayer: (props: TrafficLayerProps) => import("react/jsx-runtime").JSX.Element;
 export default TrafficLayer;

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js

@@ -1,48 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from "../../../constants.js";
-import Layer from "./Layer.js";
-import { useMapContext } from "../../../MapContext.js";
-import { isVectorBased } from "../../../../utils/rendering.js";
-const createRasterTrafficLayer = (api, useWebGL, baseLayerName, language) => {
-    // Traffic
-    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');
-    // @ts-ignore-next-line: according to the Here docs, the engine type exists
-    const trafficTileService = api.platform?.getRasterTileService({
-        baseUrl: baseTrafficUrl,
-        format: DEFAULT_RASTER_LAYER_FORMAT,
-        path: 'v3',
-        resource: 'flow',
-        queryParams: {
-            apikey: api.credentials?.apikey,
-            lang: language,
-            ppi: 400,
-            style: 'explore.day',
-        },
-    });
-    // @ts-ignore-next-line: according to the Here docs, the engine type exists
-    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {
-        engineType: ENGINE_TYPE_P2D,
-        tileSize: DEFAULT_TILE_SIZE,
-    });
-    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);
-    return trafficTileLayer;
-};
-const createVectorTrafficLayer = (api, useWebGL, baseLayerName) => {
-    // @ts-ignore-next-line
-    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(
+import { jsx as f } from "react/jsx-runtime";
+import { ENGINE_TYPE_HARP as s, DEFAULT_RASTER_LAYER_FORMAT as l, DEFAULT_TILE_SIZE as n, ENGINE_TYPE_P2D as y } from "../../../constants.js";
+import p from "./Layer.js";
+import { useMapContext as T } from "../../../MapContext.js";
+import { isVectorBased as m } from "../../../../utils/rendering.js";
+const L = (e, r, a, t) => {
+  const i = new H.service.Url("https", "traffic.maps.hereapi.com"), o = e.platform?.getRasterTileService({
+    baseUrl: i,
+    format: l,
+    path: "v3",
+    resource: "flow",
+    queryParams: {
+      apikey: e.credentials?.apikey,
+      lang: t,
+      ppi: 400,
+      style: "explore.day"
+    }
+  }), c = new H.service.rasterTile.Provider(o, {
+    engineType: y,
+    tileSize: n
+  });
+  return new H.map.layer.TileLayer(c);
+}, E = (e, r, a) => {
+  const t = new H.service.trafficVectorTile.Provider(
     // @ts-ignore-next-line
-    api.platform?.getTrafficVectorTileService({ layer: 'flow' }), 
+    e.platform?.getTrafficVectorTileService({ layer: "flow" }),
     // @ts-ignore-next-line
-    new H.map.render.harp.Style({}), { engineType: ENGINE_TYPE_HARP });
-    // @ts-ignore-next-line:
-    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });
-    return trafficFlowLayer;
+    new H.map.render.harp.Style({}),
+    { engineType: s }
+  );
+  return new H.map.layer.TileLayer(t, { min: 2, max: 24 });
+}, P = (e) => {
+  const r = T(), a = m(r.enableWebGL, r.baseLayer) ? E : L;
+  return /* @__PURE__ */ f(p, { ...e, createLayer: a });
 };
-const TrafficLayer = (props) => {
-    const mapContext = useMapContext();
-    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)
-        ? createVectorTrafficLayer
-        : createRasterTrafficLayer;
-    return _jsx(Layer, { ...props, createLayer: layerCreator });
+export {
+  P as default
 };
-export default TrafficLayer;
+//# sourceMappingURL=TrafficLayer.js.map

package/components/map/components/features/layers/overlayLayers/TrafficLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrafficLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/overlayLayers/TrafficLayer.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: required for JSX runtime compatibility with older toolchains\nimport React from 'react';\n\nimport { DEFAULT_RASTER_LAYER_FORMAT, DEFAULT_TILE_SIZE, ENGINE_TYPE_HARP, ENGINE_TYPE_P2D } from '../../../constants';\nimport Layer from './Layer';\nimport type { MapApi } from '../../../../utils/mapTypes';\nimport { useMapContext } from '../../../MapContext';\nimport { isVectorBased } from '../../../../utils/rendering';\n\nconst createRasterTrafficLayer = (api: MapApi, useWebGL: boolean, baseLayerName: string, language: string) => {\n    // Traffic\n    const baseTrafficUrl = new H.service.Url('https', 'traffic.maps.hereapi.com');\n\n    // @ts-ignore-next-line: according to the Here docs, the engine type exists\n    const trafficTileService = api.platform?.getRasterTileService({\n        baseUrl: baseTrafficUrl,\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        path: 'v3',\n        resource: 'flow',\n        queryParams: {\n            apikey: api.credentials?.apikey,\n            lang: language,\n            ppi: 400,\n            style: 'explore.day',\n        },\n    });\n\n    // @ts-ignore-next-line: according to the Here docs, the engine type exists\n    const trafficTileProvider = new H.service.rasterTile.Provider(trafficTileService, {\n        engineType: ENGINE_TYPE_P2D,\n        tileSize: DEFAULT_TILE_SIZE,\n    });\n\n    const trafficTileLayer = new H.map.layer.TileLayer(trafficTileProvider);\n\n    return trafficTileLayer;\n};\n\nconst createVectorTrafficLayer = (api: MapApi, useWebGL: boolean, baseLayerName: string) => {\n    // @ts-ignore-next-line\n    const providerTrafficFlow = new H.service.trafficVectorTile.Provider(\n        // @ts-ignore-next-line\n        api.platform?.getTrafficVectorTileService({ layer: 'flow' }),\n        // @ts-ignore-next-line\n        new H.map.render.harp.Style({}),\n        { engineType: ENGINE_TYPE_HARP }\n    );\n\n    // @ts-ignore-next-line:\n    const trafficFlowLayer = new H.map.layer.TileLayer(providerTrafficFlow, { min: 2, max: 24 });\n\n    return trafficFlowLayer;\n};\n\nexport type TrafficLayerProps = Omit<React.ComponentProps<typeof Layer>, 'createLayer'> & {};\n\nconst TrafficLayer = (props: TrafficLayerProps) => {\n    const mapContext = useMapContext();\n\n    const layerCreator = isVectorBased(mapContext.enableWebGL, mapContext.baseLayer)\n        ? createVectorTrafficLayer\n        : createRasterTrafficLayer;\n\n    return <Layer {...props} createLayer={layerCreator} />;\n};\n\nexport default TrafficLayer;\n"],"names":["createRasterTrafficLayer","api","useWebGL","baseLayerName","language","baseTrafficUrl","trafficTileService","DEFAULT_RASTER_LAYER_FORMAT","trafficTileProvider","ENGINE_TYPE_P2D","DEFAULT_TILE_SIZE","createVectorTrafficLayer","providerTrafficFlow","ENGINE_TYPE_HARP","TrafficLayer","props","mapContext","useMapContext","layerCreator","isVectorBased","jsx","Layer"],"mappings":";;;;;AASA,MAAMA,IAA2B,CAACC,GAAaC,GAAmBC,GAAuBC,MAAqB;AAE1G,QAAMC,IAAiB,IAAI,EAAE,QAAQ,IAAI,SAAS,0BAA0B,GAGtEC,IAAqBL,EAAI,UAAU,qBAAqB;AAAA,IAC1D,SAASI;AAAA,IACT,QAAQE;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,MACT,QAAQN,EAAI,aAAa;AAAA,MACzB,MAAMG;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX,CACH,GAGKI,IAAsB,IAAI,EAAE,QAAQ,WAAW,SAASF,GAAoB;AAAA,IAC9E,YAAYG;AAAA,IACZ,UAAUC;AAAA,EAAA,CACb;AAID,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUF,CAAmB;AAG1E,GAEMG,IAA2B,CAACV,GAAaC,GAAmBC,MAA0B;AAExF,QAAMS,IAAsB,IAAI,EAAE,QAAQ,kBAAkB;AAAA;AAAA,IAExDX,EAAI,UAAU,4BAA4B,EAAE,OAAO,QAAQ;AAAA;AAAA,IAE3D,IAAI,EAAE,IAAI,OAAO,KAAK,MAAM,CAAA,CAAE;AAAA,IAC9B,EAAE,YAAYY,EAAA;AAAA,EAAiB;AAMnC,SAFyB,IAAI,EAAE,IAAI,MAAM,UAAUD,GAAqB,EAAE,KAAK,GAAG,KAAK,GAAA,CAAI;AAG/F,GAIME,IAAe,CAACC,MAA6B;AAC/C,QAAMC,IAAaC,EAAA,GAEbC,IAAeC,EAAcH,EAAW,aAAaA,EAAW,SAAS,IACzEL,IACAX;AAEN,SAAO,gBAAAoB,EAACC,GAAA,EAAO,GAAGN,GAAO,aAAaG,GAAc;AACxD;"}

package/components/map/components/features/settings/MapSettingsItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type MapSettingsItemProps = {
     activeIcon?: JSX.Element;
     inactiveIcon?: JSX.Element;

package/components/map/components/features/settings/MapSettingsItem.js

@@ -1,20 +1,44 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-const MapSettingsItem = (props) => {
-    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;
-    const activeIconClassNames = classNames('MapSettingsTileIcon', !label && 'hover-scale-110', isActive ? 'display-block' : 'display-none', activeIcon?.props.className || '');
-    const inactiveIconClassNames = classNames('MapSettingsTileIcon', !label && 'hover-scale-110', isActive ? 'display-none' : 'display-block', inactiveIcon?.props.className || '');
-    const defaultIcon = activeIcon &&
-        React.cloneElement(activeIcon, {
-            className: activeIconClassNames,
-        });
-    const highlightedIcon = inactiveIcon &&
-        React.cloneElement(inactiveIcon, {
-            className: inactiveIconClassNames,
-        });
-    const mapSettingsItemClassNames = classNames('MapSettingsItem', 'display-flex align-items-center gap-10', 'text-color-darker', label && 'margin--5', className);
-    return (_jsxs("div", { className: mapSettingsItemClassNames, onClick: onClick, children: [label && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'margin-left--5', children: [highlightedIcon, defaultIcon] }), _jsx("div", { className: 'flex-1-1 line-height-16 padding-right-5', children: label })] })), !label && (_jsxs(_Fragment, { children: [highlightedIcon, defaultIcon] }))] }));
+import { jsxs as s, Fragment as o, jsx as I } from "react/jsx-runtime";
+import m from "react";
+import n from "classnames";
+import { noop as f } from "es-toolkit/function";
+const k = (r) => {
+  const { onClick: p = f, activeIcon: a, inactiveIcon: l, isActive: t = !1, label: e, className: d = "" } = r, g = n(
+    "MapSettingsTileIcon",
+    !e && "hover-scale-110",
+    t ? "display-block" : "display-none",
+    a?.props.className || ""
+  ), h = n(
+    "MapSettingsTileIcon",
+    !e && "hover-scale-110",
+    t ? "display-none" : "display-block",
+    l?.props.className || ""
+  ), c = a && m.cloneElement(a, {
+    className: g
+  }), i = l && m.cloneElement(l, {
+    className: h
+  }), N = n(
+    "MapSettingsItem",
+    "display-flex align-items-center gap-10",
+    "text-color-darker",
+    e && "margin--5",
+    d
+  );
+  return /* @__PURE__ */ s("div", { className: N, onClick: p, children: [
+    e && /* @__PURE__ */ s(o, { children: [
+      /* @__PURE__ */ s("div", { className: "margin-left--5", children: [
+        i,
+        c
+      ] }),
+      /* @__PURE__ */ I("div", { className: "flex-1-1 line-height-16 padding-right-5", children: e })
+    ] }),
+    !e && /* @__PURE__ */ s(o, { children: [
+      i,
+      c
+    ] })
+  ] });
 };
-export default MapSettingsItem;
+export {
+  k as default
+};
+//# sourceMappingURL=MapSettingsItem.js.map

package/components/map/components/features/settings/MapSettingsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSettingsItem.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nexport type MapSettingsItemProps = {\n    activeIcon?: JSX.Element;\n    inactiveIcon?: JSX.Element;\n    isActive?: boolean;\n    className?: string;\n    label?: string | JSX.Element;\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MapSettingsItem = (props: MapSettingsItemProps) => {\n    const { onClick = noop, activeIcon, inactiveIcon, isActive = false, label, className = '' } = props;\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        !label && 'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const defaultIcon =\n        activeIcon &&\n        React.cloneElement(activeIcon, {\n            className: activeIconClassNames,\n        });\n\n    const highlightedIcon =\n        inactiveIcon &&\n        React.cloneElement(inactiveIcon, {\n            className: inactiveIconClassNames,\n        });\n\n    const mapSettingsItemClassNames = classNames(\n        'MapSettingsItem',\n        'display-flex align-items-center gap-10',\n        'text-color-darker',\n        label && 'margin--5',\n        className\n    );\n\n    return (\n        <div className={mapSettingsItemClassNames} onClick={onClick}>\n            {label && (\n                <>\n                    <div className='margin-left--5'>\n                        {highlightedIcon}\n                        {defaultIcon}\n                    </div>\n                    <div className='flex-1-1 line-height-16 padding-right-5'>{label}</div>\n                </>\n            )}\n            {!label && (\n                <>\n                    {highlightedIcon}\n                    {defaultIcon}\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsItem;\n"],"names":["MapSettingsItem","props","onClick","noop","activeIcon","inactiveIcon","isActive","label","className","activeIconClassNames","classNames","inactiveIconClassNames","defaultIcon","React","highlightedIcon","mapSettingsItemClassNames","jsxs","Fragment","jsx"],"mappings":";;;;AAaA,MAAMA,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,SAAAC,IAAUC,GAAM,YAAAC,GAAY,cAAAC,GAAc,UAAAC,IAAW,IAAO,OAAAC,GAAO,WAAAC,IAAY,GAAA,IAAOP,GAExFQ,IAAuBC;AAAA,IACzB;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,kBAAkB;AAAA,IAC7BF,GAAY,MAAM,aAAa;AAAA,EAAA,GAG7BO,IAAyBD;AAAA,IAC3B;AAAA,IACA,CAACH,KAAS;AAAA,IACVD,IAAW,iBAAiB;AAAA,IAC5BD,GAAc,MAAM,aAAa;AAAA,EAAA,GAG/BO,IACFR,KACAS,EAAM,aAAaT,GAAY;AAAA,IAC3B,WAAWK;AAAA,EAAA,CACd,GAECK,IACFT,KACAQ,EAAM,aAAaR,GAAc;AAAA,IAC7B,WAAWM;AAAA,EAAA,CACd,GAECI,IAA4BL;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACAH,KAAS;AAAA,IACTC;AAAA,EAAA;AAGJ,SACI,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAA2B,SAAAb,GACtC,UAAA;AAAA,IAAAK,KACG,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACV,UAAA;AAAA,QAAAF;AAAA,QACAF;AAAA,MAAA,GACL;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAA2C,UAAAX,EAAA,CAAM;AAAA,IAAA,GACpE;AAAA,IAEH,CAACA,KACE,gBAAAS,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAH;AAAA,MACAF;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}

package/components/map/components/features/settings/MapSettingsPanel.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type MapSettingsPanelProps = {
     className?: string;
 };

package/components/map/components/features/settings/MapSettingsPanel.js

@@ -1,12 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { motion } from 'motion/react';
-const MapSettingsPanel = (props) => {
-    const { className = '', children } = props;
-    const panelClassNames = classNames('MapSettingsPanel', className);
-    return (_jsx(motion.div, { initial: { opacity: 0, y: 100 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0.5, y: 200 }, transition: {
-            duration: 0.15,
-            ease: 'easeInOut',
-        }, className: panelClassNames, children: children }));
+import { jsx as i } from "react/jsx-runtime";
+import n from "classnames";
+import { motion as o } from "motion/react";
+const l = (a) => {
+  const { className: t = "", children: s } = a, e = n("MapSettingsPanel", t);
+  return /* @__PURE__ */ i(
+    o.div,
+    {
+      initial: { opacity: 0, y: 100 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0.5, y: 200 },
+      transition: {
+        duration: 0.15,
+        ease: "easeInOut"
+      },
+      className: e,
+      children: s
+    }
+  );
 };
-export default MapSettingsPanel;
+export {
+  l as default
+};
+//# sourceMappingURL=MapSettingsPanel.js.map

package/components/map/components/features/settings/MapSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSettingsPanel.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsPanel.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { motion } from 'motion/react';\n\nexport type MapSettingsPanelProps = {\n    className?: string;\n};\n\nconst MapSettingsPanel = (props: PropsWithChildren<MapSettingsPanelProps>) => {\n    const { className = '', children } = props;\n\n    const panelClassNames = classNames('MapSettingsPanel', className);\n\n    return (\n        <motion.div\n            initial={{ opacity: 0, y: 100 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0.5, y: 200 }}\n            transition={{\n                duration: 0.15,\n                ease: 'easeInOut',\n            }}\n            className={panelClassNames}\n        >\n            {children}\n        </motion.div>\n    );\n};\n\nexport default MapSettingsPanel;\n"],"names":["MapSettingsPanel","props","className","children","panelClassNames","classNames","jsx","motion"],"mappings":";;;AAQA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,IAAaF,GAE/BG,IAAkBC,EAAW,oBAAoBH,CAAS;AAEhE,SACI,gBAAAI;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,SAAS,EAAE,SAAS,GAAG,GAAG,IAAA;AAAA,MAC1B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAA;AAAA,MAC1B,MAAM,EAAE,SAAS,KAAK,GAAG,IAAA;AAAA,MACzB,YAAY;AAAA,QACR,UAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,MAEV,WAAWH;AAAA,MAEV,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/components/map/components/features/settings/MapSettingsTile.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type MapSettingsTileProps = {
     onToggle?: (newState: boolean) => void;
     tooltip?: React.ReactNode;

package/components/map/components/features/settings/MapSettingsTile.js

@@ -1,78 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { AnimatePresence } from 'motion/react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import { usePopper } from 'react-popper';
-import OverlayTrigger from "../../../../overlay/OverlayTrigger.js";
-import Tooltip from "../../../../tooltip/Tooltip.js";
-import useClickOutside from "../../../../../hooks/useClickOutside.js";
-import MenuItemList from "../../../../menuItems/MenuItemList.js";
-import MenuItem from "../../../../menuItems/MenuItem.js";
-import { isMobileScreen } from "../../../../../utils/deviceUtils.js";
-const TOOLTIP_SHOW_TIMEOUT_IN_MS = 800;
-const TOOLTIP_HIDE_TIMEOUT_IN_MS = 100;
-const getComponentWithTooltip = (component, tooltip) => {
-    return (_jsx(OverlayTrigger, { placement: Tooltip.TOP, delay: { show: TOOLTIP_SHOW_TIMEOUT_IN_MS, hide: TOOLTIP_HIDE_TIMEOUT_IN_MS }, overlay: _jsx(Tooltip, { id: 'tooltip', width: 'auto', children: tooltip }), children: component }));
-};
-const MapSettingsTile = (props) => {
-    const { onToggle = noop, activeIcon, inactiveIcon, isActive = false, panel, items, className, buttonClassName, tooltip, ...remainingProps } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const handleToggle = () => {
-        const newState = !isOpen;
-        setIsOpen(newState);
-        onToggle(newState);
-        buttonRef.current.blur();
-    };
-    const handleClosePanel = () => {
-        if (isOpen && panel) {
-            setIsOpen(false);
-            onToggle(false);
-            buttonRef.current.blur();
-        }
-    };
-    const buttonRef = useClickOutside(handleClosePanel);
-    const [toggleRef, setToggleRef] = useState(null);
-    const [refDropdownMenu, setRefDropdownMenu] = useState(null);
-    const { styles, attributes } = usePopper(toggleRef, refDropdownMenu, {
-        placement: 'top-end',
-        modifiers: isOpen && isMobileScreen()
-            ? [
-                {
-                    name: 'offset',
-                    options: {
-                        offset: [-60, -60],
-                    },
-                },
-            ]
-            : [],
-    });
-    const dropdownWrapperRef = useClickOutside((event) => {
-        const target = event.target instanceof Node ? event.target : null;
-        if (target && toggleRef?.contains(target)) {
-            return;
+import { jsxs as l, Fragment as j, jsx as t } from "react/jsx-runtime";
+import v, { useState as h } from "react";
+import { AnimatePresence as I } from "motion/react";
+import c from "classnames";
+import { noop as A } from "es-toolkit/function";
+import { usePopper as U } from "react-popper";
+import B from "../../../../overlay/OverlayTrigger.js";
+import M from "../../../../tooltip/Tooltip.js";
+import S from "../../../../../hooks/useClickOutside.js";
+import F from "../../../../menuItems/MenuItemList.js";
+import q from "../../../../menuItems/MenuItem.js";
+import { isMobileScreen as z } from "../../../../../utils/deviceUtils.js";
+const G = 800, J = 100, b = (p, s) => /* @__PURE__ */ t(
+  B,
+  {
+    placement: M.TOP,
+    delay: { show: G, hide: J },
+    overlay: /* @__PURE__ */ t(M, { id: "tooltip", width: "auto", children: s }),
+    children: p
+  }
+), ae = (p) => {
+  const {
+    onToggle: s = A,
+    activeIcon: m,
+    inactiveIcon: d,
+    isActive: T = !1,
+    panel: f,
+    items: n,
+    className: O,
+    buttonClassName: w,
+    tooltip: r,
+    ...y
+  } = p, [e, u] = h(!1), C = () => {
+    const o = !e;
+    u(o), s(o), g.current.blur();
+  }, g = S(() => {
+    e && f && (u(!1), s(!1), g.current.blur());
+  }), [N, P] = h(null), [_, R] = h(null), { styles: E, attributes: k } = U(N, _, {
+    placement: "top-end",
+    modifiers: e && z() ? [
+      {
+        name: "offset",
+        options: {
+          offset: [-60, -60]
         }
-        if (isOpen) {
-            setIsOpen(false);
-            onToggle(false);
+      }
+    ] : []
+  }), x = S((o) => {
+    const i = o.target instanceof Node ? o.target : null;
+    i && N?.contains(i) || e && (u(!1), s(!1));
+  }), D = c("MapSettingsTile", O), W = c("MapSettingsButton", e && "active", w), H = c(
+    "MapSettingsTileIcon",
+    "hover-scale-110",
+    T ? "display-block" : "display-none",
+    m?.props.className || ""
+  ), L = c(
+    "MapSettingsTileIcon",
+    "hover-scale-110",
+    T ? "display-none" : "display-block",
+    d?.props.className || ""
+  ), a = /* @__PURE__ */ l("div", { className: W, onClick: C, children: [
+    m && v.cloneElement(m, {
+      className: H
+    }),
+    d && v.cloneElement(d, {
+      className: L
+    })
+  ] });
+  return /* @__PURE__ */ l("div", { className: D, ref: g, ...y, children: [
+    !n && /* @__PURE__ */ l(j, { children: [
+      r && !e ? b(a, r) : a,
+      /* @__PURE__ */ t("div", { className: "overflow-hidden", children: /* @__PURE__ */ t(I, { children: e && f && f }) })
+    ] }),
+    n && /* @__PURE__ */ l("div", { className: "MapSettingsTile-inner position-relative", ref: P, children: [
+      r && !e ? b(a, r) : a,
+      /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t("div", { className: "dropdown", ref: x, children: e && n && /* @__PURE__ */ t(
+        F,
+        {
+          className: "margin-bottom-10 shadow-smooth border-none",
+          ref: R,
+          style: { ...E.popper, minWidth: "180px" },
+          ...k.popper,
+          children: n?.map((o, i) => o.type.isMapSettingsDropdownHeader ? o : /* @__PURE__ */ t(q, { value: o }, i))
         }
-    });
-    const wrapperClasses = classNames('MapSettingsTile', className);
-    const buttonClasses = classNames('MapSettingsButton', isOpen && 'active', buttonClassName);
-    const activeIconClassNames = classNames('MapSettingsTileIcon', 'hover-scale-110', isActive ? 'display-block' : 'display-none', activeIcon?.props.className || '');
-    const inactiveIconClassNames = classNames('MapSettingsTileIcon', 'hover-scale-110', isActive ? 'display-none' : 'display-block', inactiveIcon?.props.className || '');
-    const button = (_jsxs("div", { className: buttonClasses, onClick: handleToggle, children: [activeIcon &&
-                React.cloneElement(activeIcon, {
-                    className: activeIconClassNames,
-                }), inactiveIcon &&
-                React.cloneElement(inactiveIcon, {
-                    className: inactiveIconClassNames,
-                })] }));
-    return (_jsxs("div", { className: wrapperClasses, ref: buttonRef, ...remainingProps, children: [!items && (_jsxs(_Fragment, { children: [tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button, _jsx("div", { className: 'overflow-hidden', children: _jsx(AnimatePresence, { children: isOpen && panel && panel }) })] })), items && (_jsxs("div", { className: 'MapSettingsTile-inner position-relative', ref: setToggleRef, children: [tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button, _jsx(AnimatePresence, { children: _jsx("div", { className: 'dropdown', ref: dropdownWrapperRef, children: isOpen && items && (_jsx(MenuItemList, { className: 'margin-bottom-10 shadow-smooth border-none', ref: setRefDropdownMenu, style: { ...styles.popper, minWidth: '180px' }, ...attributes.popper, children: items?.map((item, index) => {
-                                    if (item.type.isMapSettingsDropdownHeader) {
-                                        return item;
-                                    }
-                                    return _jsx(MenuItem, { value: item }, index);
-                                }) })) }) })] }))] }));
+      ) }) })
+    ] })
+  ] });
+};
+export {
+  ae as default
 };
-export default MapSettingsTile;
+//# sourceMappingURL=MapSettingsTile.js.map

package/components/map/components/features/settings/MapSettingsTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapSettingsTile.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsTile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AnimatePresence } from 'motion/react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\nimport { usePopper } from 'react-popper';\n\nimport OverlayTrigger from '../../../../overlay/OverlayTrigger';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport useClickOutside from '../../../../../hooks/useClickOutside';\nimport MenuItemList from '../../../../menuItems/MenuItemList';\nimport MenuItem from '../../../../menuItems/MenuItem';\nimport { isMobileScreen } from '../../../../../utils/deviceUtils';\n\nconst TOOLTIP_SHOW_TIMEOUT_IN_MS = 800;\nconst TOOLTIP_HIDE_TIMEOUT_IN_MS = 100;\n\nconst getComponentWithTooltip = (component: React.ReactNode, tooltip: React.ReactNode) => {\n    return (\n        <OverlayTrigger\n            placement={Tooltip.TOP}\n            delay={{ show: TOOLTIP_SHOW_TIMEOUT_IN_MS, hide: TOOLTIP_HIDE_TIMEOUT_IN_MS }}\n            overlay={\n                <Tooltip id='tooltip' width='auto'>\n                    {tooltip}\n                </Tooltip>\n            }\n        >\n            {component}\n        </OverlayTrigger>\n    );\n};\n\nexport type MapSettingsTileProps = {\n    onToggle?: (newState: boolean) => void;\n    tooltip?: React.ReactNode;\n    panel?: React.ReactNode;\n    items?: JSX.Element[] | undefined;\n    activeIcon?: JSX.Element | undefined;\n    inactiveIcon?: JSX.Element | undefined;\n    isActive?: boolean;\n    buttonClassName?: string;\n    className?: string;\n};\n\nconst MapSettingsTile = (props: MapSettingsTileProps) => {\n    const {\n        onToggle = noop,\n        activeIcon,\n        inactiveIcon,\n        isActive = false,\n        panel,\n        items,\n        className,\n        buttonClassName,\n        tooltip,\n        ...remainingProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const handleToggle = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggle(newState);\n\n        buttonRef.current.blur();\n    };\n\n    const handleClosePanel = () => {\n        if (isOpen && panel) {\n            setIsOpen(false);\n            onToggle(false);\n            buttonRef.current.blur();\n        }\n    };\n\n    const buttonRef = useClickOutside(handleClosePanel);\n\n    const [toggleRef, setToggleRef] = useState<HTMLDivElement | null>(null);\n    const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n\n    const { styles, attributes } = usePopper(toggleRef, refDropdownMenu, {\n        placement: 'top-end',\n        modifiers:\n            isOpen && isMobileScreen()\n                ? [\n                      {\n                          name: 'offset',\n                          options: {\n                              offset: [-60, -60],\n                          },\n                      },\n                  ]\n                : [],\n    });\n\n    const dropdownWrapperRef = useClickOutside((event: MouseEvent | TouchEvent) => {\n        const target = event.target instanceof Node ? event.target : null;\n\n        if (target && toggleRef?.contains(target)) {\n            return;\n        }\n\n        if (isOpen) {\n            setIsOpen(false);\n            onToggle(false);\n        }\n    });\n\n    const wrapperClasses = classNames('MapSettingsTile', className);\n\n    const buttonClasses = classNames('MapSettingsButton', isOpen && 'active', buttonClassName);\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const button = (\n        <div className={buttonClasses} onClick={handleToggle}>\n            {activeIcon &&\n                React.cloneElement(activeIcon, {\n                    className: activeIconClassNames,\n                })}\n            {inactiveIcon &&\n                React.cloneElement(inactiveIcon, {\n                    className: inactiveIconClassNames,\n                })}\n        </div>\n    );\n\n    return (\n        <div className={wrapperClasses} ref={buttonRef} {...remainingProps}>\n            {/* backwards compatible way of still showing a panel without labels */}\n            {!items && (\n                <>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    <div className='overflow-hidden'>\n                        {/* @ts-ignore-next-line */}\n                        <AnimatePresence>{isOpen && panel && panel}</AnimatePresence>\n                    </div>\n                </>\n            )}\n            {/* new way of showing a dropdown without labels */}\n            {items && (\n                <div className='MapSettingsTile-inner position-relative' ref={setToggleRef}>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    {/* @ts-ignore-next-line */}\n                    <AnimatePresence>\n                        <div className='dropdown' ref={dropdownWrapperRef}>\n                            {isOpen && items && (\n                                <MenuItemList\n                                    className='margin-bottom-10 shadow-smooth border-none'\n                                    ref={setRefDropdownMenu}\n                                    style={{ ...styles.popper, minWidth: '180px' }}\n                                    {...attributes.popper}\n                                >\n                                    {items?.map((item, index) => {\n                                        if (item.type.isMapSettingsDropdownHeader) {\n                                            return item;\n                                        }\n                                        return <MenuItem key={index} value={item} />;\n                                    })}\n                                </MenuItemList>\n                            )}\n                        </div>\n                    </AnimatePresence>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsTile;\n"],"names":["TOOLTIP_SHOW_TIMEOUT_IN_MS","TOOLTIP_HIDE_TIMEOUT_IN_MS","getComponentWithTooltip","component","tooltip","jsx","OverlayTrigger","Tooltip","MapSettingsTile","props","onToggle","noop","activeIcon","inactiveIcon","isActive","panel","items","className","buttonClassName","remainingProps","isOpen","setIsOpen","useState","handleToggle","newState","buttonRef","useClickOutside","toggleRef","setToggleRef","refDropdownMenu","setRefDropdownMenu","styles","attributes","usePopper","isMobileScreen","dropdownWrapperRef","event","target","wrapperClasses","classNames","buttonClasses","activeIconClassNames","inactiveIconClassNames","button","jsxs","React","Fragment","AnimatePresence","MenuItemList","item","index","MenuItem"],"mappings":"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"}

package/components/map/components/features/settings/ZoomButtons.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type ZoomButtonsProps = {
     onZoomIn?: (event: React.MouseEvent<HTMLDivElement>) => void;
     onZoomOut?: (event: React.MouseEvent<HTMLDivElement>) => void;

package/components/map/components/features/settings/ZoomButtons.js

@@ -1,8 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { MapIcon, ZOOM_IN, ZOOM_OUT } from "../../../icons/MapIcon.js";
-const ZoomButtons = ({ onZoomIn, onZoomOut }) => {
-    const buttonClasses = classNames('ZoomButtons');
-    return (_jsxs("div", { className: buttonClasses, children: [_jsx("div", { className: 'MapSettingsTile', onClick: onZoomIn, children: _jsx(MapIcon, { name: ZOOM_IN, className: 'display-block hover-scale-110', height: 16, width: 16 }) }), _jsx("div", { className: 'MapSettingsTileSpacer' }), _jsx("div", { className: 'MapSettingsTile', onClick: onZoomOut, children: _jsx(MapIcon, { name: ZOOM_OUT, className: 'display-block hover-scale-110', height: 16, width: 16 }) })] }));
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import o from "classnames";
+import { MapIcon as e, ZOOM_IN as c, ZOOM_OUT as m } from "../../../icons/MapIcon.js";
+const h = ({ onZoomIn: a, onZoomOut: i }) => {
+  const t = o("ZoomButtons");
+  return /* @__PURE__ */ l("div", { className: t, children: [
+    /* @__PURE__ */ s("div", { className: "MapSettingsTile", onClick: a, children: /* @__PURE__ */ s(e, { name: c, className: "display-block hover-scale-110", height: 16, width: 16 }) }),
+    /* @__PURE__ */ s("div", { className: "MapSettingsTileSpacer" }),
+    /* @__PURE__ */ s("div", { className: "MapSettingsTile", onClick: i, children: /* @__PURE__ */ s(e, { name: m, className: "display-block hover-scale-110", height: 16, width: 16 }) })
+  ] });
 };
-export default ZoomButtons;
+export {
+  h as default
+};
+//# sourceMappingURL=ZoomButtons.js.map

package/components/map/components/features/settings/ZoomButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomButtons.js","sources":["../../../../../../src/components/map/components/features/settings/ZoomButtons.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from 'classnames';\n\nimport { MapIcon, ZOOM_IN, ZOOM_OUT } from '../../../icons/MapIcon';\n\nexport type ZoomButtonsProps = {\n    onZoomIn?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    onZoomOut?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst ZoomButtons = ({ onZoomIn, onZoomOut }: ZoomButtonsProps) => {\n    const buttonClasses = classNames('ZoomButtons');\n\n    return (\n        <div className={buttonClasses}>\n            <div className='MapSettingsTile' onClick={onZoomIn}>\n                <MapIcon name={ZOOM_IN} className='display-block hover-scale-110' height={16} width={16} />\n            </div>\n            <div className='MapSettingsTileSpacer' />\n            <div className='MapSettingsTile' onClick={onZoomOut}>\n                <MapIcon name={ZOOM_OUT} className='display-block hover-scale-110' height={16} width={16} />\n            </div>\n        </div>\n    );\n};\n\nexport default ZoomButtons;\n"],"names":["ZoomButtons","onZoomIn","onZoomOut","buttonClasses","classNames","jsxs","jsx","MapIcon","ZOOM_IN","ZOOM_OUT"],"mappings":";;;AAWA,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAkC;AAC/D,QAAMC,IAAgBC,EAAW,aAAa;AAE9C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWF,GACZ,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBAAkB,SAASL,GACtC,UAAA,gBAAAK,EAACC,GAAA,EAAQ,MAAMC,GAAS,WAAU,iCAAgC,QAAQ,IAAI,OAAO,IAAI,GAC7F;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,wBAAA,CAAwB;AAAA,sBACtC,OAAA,EAAI,WAAU,mBAAkB,SAASJ,GACtC,UAAA,gBAAAI,EAACC,GAAA,EAAQ,MAAME,GAAU,WAAU,iCAAgC,QAAQ,IAAI,OAAO,IAAI,EAAA,CAC9F;AAAA,EAAA,GACJ;AAER;"}

package/components/map/components/features/settings/builtinSettings/MapAdditionalLayerSettings.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type MapAdditionalLayerSettingsProps = {
     activeBuiltinLayers?: string[];
     activeLayers?: string[];

package/components/map/components/features/settings/builtinSettings/MapAdditionalLayerSettings.js

@@ -1,12 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isEmpty } from 'es-toolkit/compat';
-import { union } from 'es-toolkit/array';
-import MapSettingsTile from "../MapSettingsTile.js";
-import { MapIcon } from "../../../../icons/MapIcon.js";
-const MapAdditionalLayerSettings = (props) => {
-    const { activeBuiltinLayers = [], activeLayers = [], layers = [], ...remainingProps } = props;
-    const allActiveLayer = union(activeBuiltinLayers, activeLayers);
-    const isActive = !isEmpty(allActiveLayer);
-    return (_jsx(MapSettingsTile, { className: 'MapAdditionalLayerSettings', isActive: !isEmpty(allActiveLayer), activeIcon: isActive ? (_jsx(MapIcon, { name: 'rioglyph-layer-pois text-color-primary', className: 'MapAdditionalLayerIcon' })) : undefined, inactiveIcon: !isActive ? (_jsx(MapIcon, { name: 'rioglyph-layer-pois text-color-gray', className: 'MapAdditionalLayerIconInactive' })) : undefined, items: layers, ...remainingProps }));
+import { jsx as i } from "react/jsx-runtime";
+import { isEmpty as o } from "es-toolkit/compat";
+import { union as m } from "es-toolkit/array";
+import p from "../MapSettingsTile.js";
+import { MapIcon as e } from "../../../../icons/MapIcon.js";
+const L = (r) => {
+  const { activeBuiltinLayers: n = [], activeLayers: s = [], layers: c = [], ...l } = r, a = m(n, s), t = !o(a);
+  return /* @__PURE__ */ i(
+    p,
+    {
+      className: "MapAdditionalLayerSettings",
+      isActive: !o(a),
+      activeIcon: t ? /* @__PURE__ */ i(e, { name: "rioglyph-layer-pois text-color-primary", className: "MapAdditionalLayerIcon" }) : void 0,
+      inactiveIcon: t ? void 0 : /* @__PURE__ */ i(e, { name: "rioglyph-layer-pois text-color-gray", className: "MapAdditionalLayerIconInactive" }),
+      items: c,
+      ...l
+    }
+  );
 };
-export default MapAdditionalLayerSettings;
+export {
+  L as default
+};
+//# sourceMappingURL=MapAdditionalLayerSettings.js.map