@rio-cloud/rio-uikit 2.0.1 → 2.2.0

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

@@ -1,43 +1,48 @@
-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 { jsxs as c, Fragment as L, jsx as i } from "react/jsx-runtime";
+import I, { useState as T } from "react";
+import { AnimatePresence as M, motion as O } from "motion/react";
+import { noop as j } from "es-toolkit/function";
 import { usePopper as U } from "react-popper";
+import p from "../../../../../utils/classNames.js";
 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(
+import S from "../../../../tooltip/Tooltip.js";
+import F, { useClickOutsideWithRef as q } from "../../../../../hooks/useClickOutside.js";
+import z from "../../../../menuItems/MenuItemList.js";
+import G from "../../../../menuItems/MenuItem.js";
+import { isMobileScreen as J } from "../../../../../utils/deviceUtils.js";
+const K = 800, Q = 100, n = {
+  initial: { opacity: 0, y: 10 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: 10 },
+  transition: { duration: 0.08, ease: "easeOut" }
+}, b = (m, o) => /* @__PURE__ */ i(
   B,
   {
-    placement: M.TOP,
-    delay: { show: G, hide: J },
-    overlay: /* @__PURE__ */ t(M, { id: "tooltip", width: "auto", children: s }),
-    children: p
+    placement: S.TOP,
+    delay: { show: K, hide: Q },
+    overlay: /* @__PURE__ */ i(S, { id: "tooltip", width: "auto", children: o }),
+    children: m
   }
-), ae = (p) => {
+), re = (m) => {
   const {
-    onToggle: s = A,
-    activeIcon: m,
-    inactiveIcon: d,
-    isActive: T = !1,
-    panel: f,
-    items: n,
-    className: O,
+    onToggle: o = j,
+    activeIcon: d,
+    inactiveIcon: f,
+    isActive: v = !1,
+    panel: u,
+    items: s,
+    className: C,
     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, _, {
+    tooltip: a,
+    ...x
+  } = m, [e, h] = T(!1), P = () => {
+    const t = !e;
+    h(t), o(t), g.current.blur();
+  }, g = F(() => {
+    e && u && (h(!1), o(!1), g.current.blur());
+  }), [N, _] = T(null), [y, R] = T(null), { styles: k, attributes: E } = U(N, y, {
     placement: "top-end",
-    modifiers: e && z() ? [
+    modifiers: e && J() ? [
       {
         name: "offset",
         options: {
@@ -45,48 +50,69 @@ const G = 800, J = 100, b = (p, s) => /* @__PURE__ */ t(
         }
       }
     ] : []
-  }), 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(
+  });
+  q(y, (t) => {
+    const r = t.target instanceof Node ? t.target : null;
+    r && N?.contains(r) || e && (h(!1), o(!1));
+  });
+  const D = p("MapSettingsTile", C), W = p("MapSettingsButton", e && "active", w), A = p(
     "MapSettingsTileIcon",
     "hover-scale-110",
-    T ? "display-block" : "display-none",
-    m?.props.className || ""
-  ), L = c(
+    v ? "display-block" : "display-none",
+    d?.props.className || ""
+  ), H = p(
     "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
+    v ? "display-none" : "display-block",
+    f?.props.className || ""
+  ), l = /* @__PURE__ */ c("div", { className: W, onClick: P, children: [
+    d && I.cloneElement(d, {
+      className: A
     }),
-    d && v.cloneElement(d, {
-      className: L
+    f && I.cloneElement(f, {
+      className: H
     })
   ] });
-  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,
+  return /* @__PURE__ */ c("div", { className: D, ref: g, ...x, children: [
+    !s && /* @__PURE__ */ c(L, { children: [
+      a && !e ? b(l, a) : l,
+      /* @__PURE__ */ i("div", { className: "overflow-hidden", children: /* @__PURE__ */ i(M, { children: e && u && /* @__PURE__ */ i(
+        O.div,
         {
-          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))
+          initial: n.initial,
+          animate: n.animate,
+          exit: n.exit,
+          transition: n.transition,
+          children: u
         }
       ) }) })
+    ] }),
+    s && /* @__PURE__ */ c("div", { className: "MapSettingsTile-inner position-relative", ref: _, children: [
+      a && !e ? b(l, a) : l,
+      /* @__PURE__ */ i(M, { children: e && s && /* @__PURE__ */ i(
+        O.div,
+        {
+          className: "dropdown",
+          initial: n.initial,
+          animate: n.animate,
+          exit: n.exit,
+          transition: n.transition,
+          children: /* @__PURE__ */ i(
+            z,
+            {
+              className: "margin-bottom-5 shadow-smooth border-none",
+              ref: R,
+              style: { ...k.popper, minWidth: "180px" },
+              ...E.popper,
+              children: s?.map((t, r) => t.type.isMapSettingsDropdownHeader ? t : /* @__PURE__ */ i(G, { value: t }, r))
+            }
+          )
+        }
+      ) })
     ] })
   ] });
 };
 export {
-  ae as default
+  re as default
 };
 //# sourceMappingURL=MapSettingsTile.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"MapSettingsTile.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsTile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AnimatePresence, motion, type Transition } from 'motion/react';\nimport { noop } from 'es-toolkit/function';\nimport { usePopper } from 'react-popper';\n\nimport classNames from '../../../../../utils/classNames';\nimport OverlayTrigger from '../../../../overlay/OverlayTrigger';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport useClickOutside, { useClickOutsideWithRef } 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 tileAnimation = {\n    initial: { opacity: 0, y: 10 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 10 },\n    transition: { duration: 0.08, ease: 'easeOut' } as Transition,\n};\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    useClickOutsideWithRef(refDropdownMenu, (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                        <AnimatePresence>\n                            {isOpen && panel && (\n                                <motion.div\n                                    initial={tileAnimation.initial}\n                                    animate={tileAnimation.animate}\n                                    exit={tileAnimation.exit}\n                                    transition={tileAnimation.transition}\n                                >\n                                    {panel}\n                                </motion.div>\n                            )}\n                        </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                    <AnimatePresence>\n                        {isOpen && items && (\n                            <motion.div\n                                className='dropdown'\n                                initial={tileAnimation.initial}\n                                animate={tileAnimation.animate}\n                                exit={tileAnimation.exit}\n                                transition={tileAnimation.transition}\n                            >\n                                <MenuItemList\n                                    className='margin-bottom-5 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                            </motion.div>\n                        )}\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","tileAnimation","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","useClickOutsideWithRef","event","target","wrapperClasses","classNames","buttonClasses","activeIconClassNames","inactiveIconClassNames","button","jsxs","React","Fragment","AnimatePresence","motion","MenuItemList","item","index","MenuItem"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import o from "classnames";
+import o from "../../../../../utils/classNames.js";
 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");

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

@@ -1 +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;"}
+{"version":3,"file":"ZoomButtons.js","sources":["../../../../../../src/components/map/components/features/settings/ZoomButtons.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../../../../utils/classNames';\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":";;;AAUA,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/MapTypeSettings.d.ts

@@ -1,15 +1,52 @@
 import { default as React } from 'react';
 import { MapType } from '../../../../utils/mapTypes';
 export type MapTypeSettingsProps = {
-    mapType?: string;
+    /**
+     * Currently selected base map type.
+     */
+    mapType?: MapType;
+    /**
+     * Global switch to enable or disable the night map type entry.
+     *
+     * @deprecated Prefer controlling night visibility via `visibleMapTypes`
+     * by including or excluding `MAP_TYPE_NIGHT`.
+     */
     enableNightMap?: boolean;
+    /**
+     * Map types that should be shown in the settings panel/dropdown.
+     */
+    visibleMapTypes?: MapType[];
+    /**
+     * Called when the user selects a different map type.
+     */
     onMapTypeChange?: (type: MapType) => void;
+    /**
+     * Custom label for the default map type entry.
+     */
     defaultTypeLabel?: string | JSX.Element;
+    /**
+     * Custom label for the truck/fleet-style map type entry.
+     */
     truckTypeLabel?: string | JSX.Element;
+    /**
+     * Custom label for the terrain map type entry.
+     */
     terrainTypeLabel?: string | JSX.Element;
+    /**
+     * Custom label for the satellite map type entry.
+     */
     satelliteTypeLabel?: string | JSX.Element;
+    /**
+     * Custom label for the night map type entry.
+     */
     nightTypeLabel?: string | JSX.Element;
+    /**
+     * Tooltip content shown for the map type settings trigger.
+     */
     tooltip?: string | React.ReactNode;
+    /**
+     * Optional dropdown header text shown above labeled map type entries.
+     */
     dropdownHeaderText?: string | JSX.Element;
 };
 declare const MapTypeSettings: (props: MapTypeSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,126 +1,162 @@
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import { useMemo as R } from "react";
-import { noop as D } from "es-toolkit/function";
-import { compact as H } from "es-toolkit/compat";
-import { MAP_TYPE_NIGHT as y, MAP_TYPE_SATELLITE as N, MAP_TYPE_TERRAIN as f, MAP_TYPE_FLEET_STYLE as L, MAP_TYPE_DEFAULT as S } from "../../../constants.js";
-import w from "../MapSettingsPanel.js";
-import p from "../MapSettingsItem.js";
-import x from "../MapSettingsTile.js";
-import { MapIcon as a, MAP_TYPE_NIGHT_INACTIVE as C, MAP_TYPE_NIGHT_ACTIVE as G, MAP_TYPE_SATELLITE_INACTIVE as g, MAP_TYPE_SATELLITE_ACTIVE as U, MAP_TYPE_TERRAIN_INACTIVE as v, MAP_TYPE_TERRAIN_ACTIVE as j, MAP_TYPE_FLAT_TRUCK_INACTIVE as Y, MAP_TYPE_FLAT_TRUCK_ACTIVE as K, MAP_TYPE_FLAT_INACTIVE as d, MAP_TYPE_FLAT_ACTIVE as q } from "../../../../icons/MapIcon.js";
-import z from "../items/MapSettingsDropdownHeader.js";
-const te = (u) => {
+import { jsx as e, jsxs as U } from "react/jsx-runtime";
+import { useMemo as N, useEffect as K } from "react";
+import { noop as O } from "es-toolkit/function";
+import { compact as b } from "es-toolkit/compat";
+import { MAP_TYPE_DEFAULT as t, MAP_TYPE_FLEET_STYLE as n, MAP_TYPE_TERRAIN as s, MAP_TYPE_SATELLITE as p, MAP_TYPE_NIGHT as _ } from "../../../constants.js";
+import W from "../MapSettingsPanel.js";
+import M from "../MapSettingsItem.js";
+import $ from "../MapSettingsTile.js";
+import { MapIcon as a, MAP_TYPE_NIGHT_INACTIVE as Y, MAP_TYPE_NIGHT_ACTIVE as q, MAP_TYPE_SATELLITE_INACTIVE as V, MAP_TYPE_SATELLITE_ACTIVE as z, MAP_TYPE_TERRAIN_INACTIVE as F, MAP_TYPE_TERRAIN_ACTIVE as B, MAP_TYPE_FLAT_TRUCK_INACTIVE as k, MAP_TYPE_FLAT_TRUCK_ACTIVE as J, MAP_TYPE_FLAT_INACTIVE as D, MAP_TYPE_FLAT_ACTIVE as Q } from "../../../../icons/MapIcon.js";
+import X from "../items/MapSettingsDropdownHeader.js";
+const le = (R) => {
   const {
-    mapType: t,
-    onMapTypeChange: n = D,
-    enableNightMap: b = !0,
-    defaultTypeLabel: o,
-    truckTypeLabel: l,
-    terrainTypeLabel: s,
-    satelliteTypeLabel: r,
-    nightTypeLabel: c,
-    dropdownHeaderText: m,
-    ...F
-  } = u, i = R(
+    mapType: T,
+    onMapTypeChange: c = O,
+    enableNightMap: H = !0,
+    visibleMapTypes: g = [
+      t,
+      n,
+      s,
+      p,
+      _
+    ],
+    defaultTypeLabel: A,
+    truckTypeLabel: E,
+    terrainTypeLabel: I,
+    satelliteTypeLabel: y,
+    nightTypeLabel: P,
+    dropdownHeaderText: v,
+    ...w
+  } = R, l = N(() => new Set(g), [g]), i = (o) => l.has(o), m = i(_) && H, f = N(
+    () => b([
+      l.has(t) && !A && t,
+      l.has(n) && !E && n,
+      l.has(s) && !I && s,
+      l.has(p) && !y && p,
+      m && !P && _
+    ]),
+    [
+      A,
+      m,
+      P,
+      y,
+      I,
+      E,
+      l
+    ]
+  );
+  K(() => {
+    typeof process < "u" && process.env.NODE_ENV === "production" || f.length !== 0 && console.warn(
+      `[MapTypeSettings] Missing labels for visible map types: ${f.join(", ")}. Pass the corresponding \`...TypeLabel\` props to improve clarity.`
+    );
+  }, [f]);
+  const r = N(
     () => ({
-      isDefault: t === S,
-      isFleetStyle: t === L,
-      isTerrain: t === f,
-      isSatellite: t === N,
-      isNight: t === y
+      isDefault: T === t,
+      isFleetStyle: T === n,
+      isTerrain: T === s,
+      isSatellite: T === p,
+      isNight: T === _
     }),
-    [t]
-  ), h = (T) => {
-    if (T.isDefault)
-      return /* @__PURE__ */ e(a, { name: d });
-    if (T.isFleetStyle)
+    [T]
+  ), x = (o) => {
+    if (o.isDefault)
+      return /* @__PURE__ */ e(a, { name: D });
+    if (o.isFleetStyle)
+      return /* @__PURE__ */ e(a, { name: k });
+    if (o.isTerrain)
+      return /* @__PURE__ */ e(a, { name: F });
+    if (o.isSatellite)
+      return /* @__PURE__ */ e(a, { name: V });
+    if (o.isNight)
       return /* @__PURE__ */ e(a, { name: Y });
-    if (T.isTerrain)
-      return /* @__PURE__ */ e(a, { name: v });
-    if (T.isSatellite)
-      return /* @__PURE__ */ e(a, { name: g });
-    if (T.isNight)
-      return /* @__PURE__ */ e(a, { name: C });
-  }, V = m && /* @__PURE__ */ e(z, { label: m }, "mapTypeDropdownHeader"), _ = /* @__PURE__ */ e(
-    p,
+  }, j = v && /* @__PURE__ */ e(X, { label: v }, "mapTypeDropdownHeader"), S = /* @__PURE__ */ e(
+    M,
     {
       className: "MapTypeNight",
-      onClick: () => n(y),
-      isActive: i.isNight,
-      activeIcon: /* @__PURE__ */ e(a, { name: G }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: C }),
-      label: c
+      onClick: () => c(_),
+      isActive: r.isNight,
+      activeIcon: /* @__PURE__ */ e(a, { name: q }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: Y }),
+      label: P
     },
     "MapTypeNight"
-  ), A = /* @__PURE__ */ e(
-    p,
+  ), h = /* @__PURE__ */ e(
+    M,
     {
       className: "MapTypeSatellite",
-      onClick: () => n(N),
-      isActive: i.isSatellite,
-      activeIcon: /* @__PURE__ */ e(a, { name: U }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: g }),
-      label: r
+      onClick: () => c(p),
+      isActive: r.isSatellite,
+      activeIcon: /* @__PURE__ */ e(a, { name: z }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: V }),
+      label: y
     },
     "MapTypeSatellite"
-  ), E = /* @__PURE__ */ e(
-    p,
+  ), u = /* @__PURE__ */ e(
+    M,
     {
       className: "MapTypeTerrain",
-      onClick: () => n(f),
-      isActive: i.isTerrain,
-      activeIcon: /* @__PURE__ */ e(a, { name: j }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: v }),
-      label: s
+      onClick: () => c(s),
+      isActive: r.isTerrain,
+      activeIcon: /* @__PURE__ */ e(a, { name: B }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: F }),
+      label: I
     },
     "MapTypeTerrain"
-  ), I = /* @__PURE__ */ e(
-    p,
+  ), L = /* @__PURE__ */ e(
+    M,
     {
       className: "MapTypeFlatTruck",
-      onClick: () => n(L),
-      isActive: i.isFleetStyle,
-      activeIcon: /* @__PURE__ */ e(a, { name: K }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: Y }),
-      label: l
+      onClick: () => c(n),
+      isActive: r.isFleetStyle,
+      activeIcon: /* @__PURE__ */ e(a, { name: J }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: k }),
+      label: E
     },
     "MapTypeFlatTruck"
-  ), M = /* @__PURE__ */ e(
-    p,
+  ), d = /* @__PURE__ */ e(
+    M,
     {
       className: "MapTypeFlat",
-      onClick: () => n(S),
-      isActive: i.isDefault,
-      activeIcon: /* @__PURE__ */ e(a, { name: q }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: d }),
-      label: o
+      onClick: () => c(t),
+      isActive: r.isDefault,
+      activeIcon: /* @__PURE__ */ e(a, { name: Q }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: D }),
+      label: A
     },
     "MapTypeFlat"
-  ), P = !!o || !!l || !!s || !!r || !!c;
+  ), G = b([
+    j,
+    m && S,
+    i(p) && h,
+    i(s) && u,
+    i(n) && L,
+    i(t) && d
+  ]), C = b([
+    i(t) && A,
+    i(n) && E,
+    i(s) && I,
+    i(p) && y,
+    m && P
+  ]).length > 0;
   return /* @__PURE__ */ e(
-    x,
+    $,
     {
       className: "MapTypeSettings",
-      inactiveIcon: h(i),
-      items: P ? H([
-        V,
-        _,
-        A,
-        E,
-        I,
-        M
-      ]) : void 0,
-      panel: !P && /* @__PURE__ */ k(w, { children: [
-        b && _,
-        A,
-        E,
-        I,
-        M
+      inactiveIcon: x(r),
+      items: C ? G : void 0,
+      panel: !C && /* @__PURE__ */ U(W, { children: [
+        m && S,
+        i(p) && h,
+        i(s) && u,
+        i(n) && L,
+        i(t) && d
       ] }),
-      ...F
+      ...w
     }
   );
 };
 export {
-  te as default
+  le as default
 };
 //# sourceMappingURL=MapTypeSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapTypeSettings.js","sources":["../../../../../../../src/components/map/components/features/settings/builtinSettings/MapTypeSettings.tsx"],"sourcesContent":["import type React from 'react';\nimport { useMemo } from 'react';\nimport { noop } from 'es-toolkit/function';\nimport { compact } from 'es-toolkit/compat';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n} from '../../../constants';\nimport MapSettingsPanel from '../MapSettingsPanel';\nimport MapSettingsItem from '../MapSettingsItem';\nimport MapSettingsTile from '../MapSettingsTile';\n\nimport {\n    MapIcon,\n    MAP_TYPE_FLAT_ACTIVE,\n    MAP_TYPE_FLAT_INACTIVE,\n    MAP_TYPE_FLAT_TRUCK_ACTIVE,\n    MAP_TYPE_FLAT_TRUCK_INACTIVE,\n    MAP_TYPE_SATELLITE_ACTIVE,\n    MAP_TYPE_SATELLITE_INACTIVE,\n    MAP_TYPE_TERRAIN_ACTIVE,\n    MAP_TYPE_TERRAIN_INACTIVE,\n    MAP_TYPE_NIGHT_ACTIVE,\n    MAP_TYPE_NIGHT_INACTIVE,\n} from '../../../../icons/MapIcon';\nimport type { MapType } from '../../../../utils/mapTypes';\nimport MapSettingsDropdownHeader from '../items/MapSettingsDropdownHeader';\n\nexport type MapTypeSettingsProps = {\n    mapType?: string;\n    enableNightMap?: boolean;\n    onMapTypeChange?: (type: MapType) => void;\n    defaultTypeLabel?: string | JSX.Element;\n    truckTypeLabel?: string | JSX.Element;\n    terrainTypeLabel?: string | JSX.Element;\n    satelliteTypeLabel?: string | JSX.Element;\n    nightTypeLabel?: string | JSX.Element;\n    tooltip?: string | React.ReactNode;\n    dropdownHeaderText?: string | JSX.Element;\n};\n\nconst MapTypeSettings = (props: MapTypeSettingsProps) => {\n    const {\n        mapType,\n        onMapTypeChange = noop,\n        enableNightMap = true,\n        defaultTypeLabel,\n        truckTypeLabel,\n        terrainTypeLabel,\n        satelliteTypeLabel,\n        nightTypeLabel,\n        dropdownHeaderText,\n        ...remainingProps\n    } = props;\n\n    const type = useMemo(\n        () => ({\n            isDefault: mapType === MAP_TYPE_DEFAULT,\n            isFleetStyle: mapType === MAP_TYPE_FLEET_STYLE,\n            isTerrain: mapType === MAP_TYPE_TERRAIN,\n            isSatellite: mapType === MAP_TYPE_SATELLITE,\n            isNight: mapType === MAP_TYPE_NIGHT,\n        }),\n        [mapType]\n    );\n\n    const getIcon = (currentType: typeof type) => {\n        if (currentType.isDefault) {\n            return <MapIcon name={MAP_TYPE_FLAT_INACTIVE} />;\n        }\n        if (currentType.isFleetStyle) {\n            return <MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />;\n        }\n        if (currentType.isTerrain) {\n            return <MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />;\n        }\n        if (currentType.isSatellite) {\n            return <MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />;\n        }\n        if (currentType.isNight) {\n            return <MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />;\n        }\n    };\n\n    const dropdownHeader = dropdownHeaderText && (\n        <MapSettingsDropdownHeader key='mapTypeDropdownHeader' label={dropdownHeaderText} />\n    );\n\n    const mapTypeNight = (\n        <MapSettingsItem\n            key='MapTypeNight'\n            className='MapTypeNight'\n            onClick={() => onMapTypeChange(MAP_TYPE_NIGHT)}\n            isActive={type.isNight}\n            activeIcon={<MapIcon name={MAP_TYPE_NIGHT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />}\n            label={nightTypeLabel}\n        />\n    );\n\n    const mapTypeSatellite = (\n        <MapSettingsItem\n            key='MapTypeSatellite'\n            className='MapTypeSatellite'\n            onClick={() => onMapTypeChange(MAP_TYPE_SATELLITE)}\n            isActive={type.isSatellite}\n            activeIcon={<MapIcon name={MAP_TYPE_SATELLITE_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />}\n            label={satelliteTypeLabel}\n        />\n    );\n\n    const mapTypeTerrain = (\n        <MapSettingsItem\n            key='MapTypeTerrain'\n            className='MapTypeTerrain'\n            onClick={() => onMapTypeChange(MAP_TYPE_TERRAIN)}\n            isActive={type.isTerrain}\n            activeIcon={<MapIcon name={MAP_TYPE_TERRAIN_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />}\n            label={terrainTypeLabel}\n        />\n    );\n\n    const mapTypeTruck = (\n        <MapSettingsItem\n            key='MapTypeFlatTruck'\n            className='MapTypeFlatTruck'\n            onClick={() => onMapTypeChange(MAP_TYPE_FLEET_STYLE)}\n            isActive={type.isFleetStyle}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />}\n            label={truckTypeLabel}\n        />\n    );\n\n    const mapTypeDefault = (\n        <MapSettingsItem\n            key='MapTypeFlat'\n            className='MapTypeFlat'\n            onClick={() => onMapTypeChange(MAP_TYPE_DEFAULT)}\n            isActive={type.isDefault}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_INACTIVE} />}\n            label={defaultTypeLabel}\n        />\n    );\n\n    const hasLabels =\n        !!defaultTypeLabel || !!truckTypeLabel || !!terrainTypeLabel || !!satelliteTypeLabel || !!nightTypeLabel;\n\n    return (\n        <MapSettingsTile\n            className='MapTypeSettings'\n            inactiveIcon={getIcon(type)}\n            items={\n                hasLabels\n                    ? compact([\n                          dropdownHeader,\n                          mapTypeNight,\n                          mapTypeSatellite,\n                          mapTypeTerrain,\n                          mapTypeTruck,\n                          mapTypeDefault,\n                      ])\n                    : undefined\n            }\n            panel={\n                !hasLabels && (\n                    <MapSettingsPanel>\n                        {enableNightMap && mapTypeNight}\n                        {mapTypeSatellite}\n                        {mapTypeTerrain}\n                        {mapTypeTruck}\n                        {mapTypeDefault}\n                    </MapSettingsPanel>\n                )\n            }\n            {...remainingProps}\n        />\n    );\n};\n\nexport default MapTypeSettings;\n"],"names":["MapTypeSettings","props","mapType","onMapTypeChange","noop","enableNightMap","defaultTypeLabel","truckTypeLabel","terrainTypeLabel","satelliteTypeLabel","nightTypeLabel","dropdownHeaderText","remainingProps","type","useMemo","MAP_TYPE_DEFAULT","MAP_TYPE_FLEET_STYLE","MAP_TYPE_TERRAIN","MAP_TYPE_SATELLITE","MAP_TYPE_NIGHT","getIcon","currentType","jsx","MapIcon","MAP_TYPE_FLAT_INACTIVE","MAP_TYPE_FLAT_TRUCK_INACTIVE","MAP_TYPE_TERRAIN_INACTIVE","MAP_TYPE_SATELLITE_INACTIVE","MAP_TYPE_NIGHT_INACTIVE","dropdownHeader","MapSettingsDropdownHeader","mapTypeNight","MapSettingsItem","MAP_TYPE_NIGHT_ACTIVE","mapTypeSatellite","MAP_TYPE_SATELLITE_ACTIVE","mapTypeTerrain","MAP_TYPE_TERRAIN_ACTIVE","mapTypeTruck","MAP_TYPE_FLAT_TRUCK_ACTIVE","mapTypeDefault","MAP_TYPE_FLAT_ACTIVE","hasLabels","MapSettingsTile","compact","jsxs","MapSettingsPanel"],"mappings":"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"}
+{"version":3,"file":"MapTypeSettings.js","sources":["../../../../../../../src/components/map/components/features/settings/builtinSettings/MapTypeSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { noop } from 'es-toolkit/function';\nimport { compact } from 'es-toolkit/compat';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n} from '../../../constants';\nimport MapSettingsPanel from '../MapSettingsPanel';\nimport MapSettingsItem from '../MapSettingsItem';\nimport MapSettingsTile from '../MapSettingsTile';\n\nimport {\n    MapIcon,\n    MAP_TYPE_FLAT_ACTIVE,\n    MAP_TYPE_FLAT_INACTIVE,\n    MAP_TYPE_FLAT_TRUCK_ACTIVE,\n    MAP_TYPE_FLAT_TRUCK_INACTIVE,\n    MAP_TYPE_SATELLITE_ACTIVE,\n    MAP_TYPE_SATELLITE_INACTIVE,\n    MAP_TYPE_TERRAIN_ACTIVE,\n    MAP_TYPE_TERRAIN_INACTIVE,\n    MAP_TYPE_NIGHT_ACTIVE,\n    MAP_TYPE_NIGHT_INACTIVE,\n} from '../../../../icons/MapIcon';\nimport type { MapType } from '../../../../utils/mapTypes';\nimport MapSettingsDropdownHeader from '../items/MapSettingsDropdownHeader';\n\nexport type MapTypeSettingsProps = {\n    /**\n     * Currently selected base map type.\n     */\n    mapType?: MapType;\n\n    /**\n     * Global switch to enable or disable the night map type entry.\n     *\n     * @deprecated Prefer controlling night visibility via `visibleMapTypes`\n     * by including or excluding `MAP_TYPE_NIGHT`.\n     */\n    enableNightMap?: boolean;\n\n    /**\n     * Map types that should be shown in the settings panel/dropdown.\n     */\n    visibleMapTypes?: MapType[];\n\n    /**\n     * Called when the user selects a different map type.\n     */\n    onMapTypeChange?: (type: MapType) => void;\n\n    /**\n     * Custom label for the default map type entry.\n     */\n    defaultTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the truck/fleet-style map type entry.\n     */\n    truckTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the terrain map type entry.\n     */\n    terrainTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the satellite map type entry.\n     */\n    satelliteTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the night map type entry.\n     */\n    nightTypeLabel?: string | JSX.Element;\n\n    /**\n     * Tooltip content shown for the map type settings trigger.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * Optional dropdown header text shown above labeled map type entries.\n     */\n    dropdownHeaderText?: string | JSX.Element;\n};\n\nconst MapTypeSettings = (props: MapTypeSettingsProps) => {\n    const {\n        mapType,\n        onMapTypeChange = noop,\n        enableNightMap = true,\n        visibleMapTypes = [\n            MAP_TYPE_DEFAULT,\n            MAP_TYPE_FLEET_STYLE,\n            MAP_TYPE_TERRAIN,\n            MAP_TYPE_SATELLITE,\n            MAP_TYPE_NIGHT,\n        ],\n        defaultTypeLabel,\n        truckTypeLabel,\n        terrainTypeLabel,\n        satelliteTypeLabel,\n        nightTypeLabel,\n        dropdownHeaderText,\n        ...remainingProps\n    } = props;\n\n    const visibleMapTypesSet = useMemo(() => {\n        return new Set(visibleMapTypes);\n    }, [visibleMapTypes]);\n\n    const isMapTypeVisible = (type: MapType) => visibleMapTypesSet.has(type);\n\n    const isNightMapVisible = isMapTypeVisible(MAP_TYPE_NIGHT) && enableNightMap;\n\n    const visibleMapTypesWithoutLabel = useMemo(\n        () =>\n            compact([\n                visibleMapTypesSet.has(MAP_TYPE_DEFAULT) && !defaultTypeLabel && MAP_TYPE_DEFAULT,\n                visibleMapTypesSet.has(MAP_TYPE_FLEET_STYLE) && !truckTypeLabel && MAP_TYPE_FLEET_STYLE,\n                visibleMapTypesSet.has(MAP_TYPE_TERRAIN) && !terrainTypeLabel && MAP_TYPE_TERRAIN,\n                visibleMapTypesSet.has(MAP_TYPE_SATELLITE) && !satelliteTypeLabel && MAP_TYPE_SATELLITE,\n                isNightMapVisible && !nightTypeLabel && MAP_TYPE_NIGHT,\n            ]),\n        [\n            defaultTypeLabel,\n            isNightMapVisible,\n            nightTypeLabel,\n            satelliteTypeLabel,\n            terrainTypeLabel,\n            truckTypeLabel,\n            visibleMapTypesSet,\n        ]\n    );\n\n    useEffect(() => {\n        if (typeof process !== 'undefined' && process.env.NODE_ENV === 'production') {\n            return;\n        }\n\n        if (visibleMapTypesWithoutLabel.length === 0) {\n            return;\n        }\n\n        console.warn(\n            `[MapTypeSettings] Missing labels for visible map types: ${visibleMapTypesWithoutLabel.join(', ')}. ` +\n                'Pass the corresponding `...TypeLabel` props to improve clarity.'\n        );\n    }, [visibleMapTypesWithoutLabel]);\n\n    const type = useMemo(\n        () => ({\n            isDefault: mapType === MAP_TYPE_DEFAULT,\n            isFleetStyle: mapType === MAP_TYPE_FLEET_STYLE,\n            isTerrain: mapType === MAP_TYPE_TERRAIN,\n            isSatellite: mapType === MAP_TYPE_SATELLITE,\n            isNight: mapType === MAP_TYPE_NIGHT,\n        }),\n        [mapType]\n    );\n\n    const getIcon = (currentType: typeof type) => {\n        if (currentType.isDefault) {\n            return <MapIcon name={MAP_TYPE_FLAT_INACTIVE} />;\n        }\n        if (currentType.isFleetStyle) {\n            return <MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />;\n        }\n        if (currentType.isTerrain) {\n            return <MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />;\n        }\n        if (currentType.isSatellite) {\n            return <MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />;\n        }\n        if (currentType.isNight) {\n            return <MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />;\n        }\n    };\n\n    const dropdownHeader = dropdownHeaderText && (\n        <MapSettingsDropdownHeader key='mapTypeDropdownHeader' label={dropdownHeaderText} />\n    );\n\n    const mapTypeNight = (\n        <MapSettingsItem\n            key='MapTypeNight'\n            className='MapTypeNight'\n            onClick={() => onMapTypeChange(MAP_TYPE_NIGHT)}\n            isActive={type.isNight}\n            activeIcon={<MapIcon name={MAP_TYPE_NIGHT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />}\n            label={nightTypeLabel}\n        />\n    );\n\n    const mapTypeSatellite = (\n        <MapSettingsItem\n            key='MapTypeSatellite'\n            className='MapTypeSatellite'\n            onClick={() => onMapTypeChange(MAP_TYPE_SATELLITE)}\n            isActive={type.isSatellite}\n            activeIcon={<MapIcon name={MAP_TYPE_SATELLITE_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />}\n            label={satelliteTypeLabel}\n        />\n    );\n\n    const mapTypeTerrain = (\n        <MapSettingsItem\n            key='MapTypeTerrain'\n            className='MapTypeTerrain'\n            onClick={() => onMapTypeChange(MAP_TYPE_TERRAIN)}\n            isActive={type.isTerrain}\n            activeIcon={<MapIcon name={MAP_TYPE_TERRAIN_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />}\n            label={terrainTypeLabel}\n        />\n    );\n\n    const mapTypeTruck = (\n        <MapSettingsItem\n            key='MapTypeFlatTruck'\n            className='MapTypeFlatTruck'\n            onClick={() => onMapTypeChange(MAP_TYPE_FLEET_STYLE)}\n            isActive={type.isFleetStyle}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />}\n            label={truckTypeLabel}\n        />\n    );\n\n    const mapTypeDefault = (\n        <MapSettingsItem\n            key='MapTypeFlat'\n            className='MapTypeFlat'\n            onClick={() => onMapTypeChange(MAP_TYPE_DEFAULT)}\n            isActive={type.isDefault}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_INACTIVE} />}\n            label={defaultTypeLabel}\n        />\n    );\n\n    const mapTypeItems = compact([\n        dropdownHeader,\n        isNightMapVisible && mapTypeNight,\n        isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite,\n        isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain,\n        isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck,\n        isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault,\n    ]);\n\n    const hasVisibleLabels =\n        compact([\n            isMapTypeVisible(MAP_TYPE_DEFAULT) && defaultTypeLabel,\n            isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && truckTypeLabel,\n            isMapTypeVisible(MAP_TYPE_TERRAIN) && terrainTypeLabel,\n            isMapTypeVisible(MAP_TYPE_SATELLITE) && satelliteTypeLabel,\n            isNightMapVisible && nightTypeLabel,\n        ]).length > 0;\n\n    return (\n        <MapSettingsTile\n            className='MapTypeSettings'\n            inactiveIcon={getIcon(type)}\n            items={hasVisibleLabels ? mapTypeItems : undefined}\n            panel={\n                !hasVisibleLabels && (\n                    <MapSettingsPanel>\n                        {isNightMapVisible && mapTypeNight}\n                        {isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite}\n                        {isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain}\n                        {isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck}\n                        {isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault}\n                    </MapSettingsPanel>\n                )\n            }\n            {...remainingProps}\n        />\n    );\n};\n\nexport default MapTypeSettings;\n"],"names":["MapTypeSettings","props","mapType","onMapTypeChange","noop","enableNightMap","visibleMapTypes","MAP_TYPE_DEFAULT","MAP_TYPE_FLEET_STYLE","MAP_TYPE_TERRAIN","MAP_TYPE_SATELLITE","MAP_TYPE_NIGHT","defaultTypeLabel","truckTypeLabel","terrainTypeLabel","satelliteTypeLabel","nightTypeLabel","dropdownHeaderText","remainingProps","visibleMapTypesSet","useMemo","isMapTypeVisible","type","isNightMapVisible","visibleMapTypesWithoutLabel","compact","useEffect","getIcon","currentType","jsx","MapIcon","MAP_TYPE_FLAT_INACTIVE","MAP_TYPE_FLAT_TRUCK_INACTIVE","MAP_TYPE_TERRAIN_INACTIVE","MAP_TYPE_SATELLITE_INACTIVE","MAP_TYPE_NIGHT_INACTIVE","dropdownHeader","MapSettingsDropdownHeader","mapTypeNight","MapSettingsItem","MAP_TYPE_NIGHT_ACTIVE","mapTypeSatellite","MAP_TYPE_SATELLITE_ACTIVE","mapTypeTerrain","MAP_TYPE_TERRAIN_ACTIVE","mapTypeTruck","MAP_TYPE_FLAT_TRUCK_ACTIVE","mapTypeDefault","MAP_TYPE_FLAT_ACTIVE","mapTypeItems","hasVisibleLabels","MapSettingsTile","jsxs","MapSettingsPanel"],"mappings":"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"}