@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/mapMarker/SingleMapMarker.js

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

package/components/mapMarker/SingleMapMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleMapMarker.js","sources":["../../../src/components/mapMarker/SingleMapMarker.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nconst DEFAULT_BEARING = 60;\n\nconst MapStateIndicator = (props: { moving: boolean; bearing: number; stateIconName?: string }) => {\n    const { moving, bearing, stateIconName } = props;\n\n    if (!moving && !stateIconName) {\n        return null;\n    }\n\n    const iconClassName = classNames('rioglyph', `rioglyph-${stateIconName || 'direction'}`);\n\n    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };\n\n    return (\n        <div className={`rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`}>\n            <span className={iconClassName} style={style} />\n        </div>\n    );\n};\n\nconst getIcons = (iconNames: string[] = []) =>\n    iconNames.map((name, index) => (\n        <div key={`rio-map-icon-${name}-${index}`} className='rio-map-icon'>\n            <span className={`rioglyph rioglyph-${name}`} />\n        </div>\n    ));\n\nexport type SingleMapMarkerProps = ComponentProps<'div'> & {\n    /**\n     * Defines the rotation of the arrow in deg.\n     *\n     * @default 60\n     */\n    bearing?: number;\n\n    /**\n     * Text for the marker.\n     */\n    name?: string | ReactNode;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * Set this to `false` for large passive marker sets to avoid unnecessary DOM hit-testing during pan and zoom.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if marker is fixed and has no centering point.\n     *\n     * @default false\n     */\n    fixed?: boolean;\n\n    /**\n     * Defines whether the direction icon is displayed or not.\n     *\n     * @default false\n     */\n    moving?: boolean;\n\n    /**\n     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.\n     */\n    stateIconName?: string;\n\n    /**\n     * Defines if marker is displayed with pinging animation.\n     *\n     * @default false\n     */\n    pinging?: boolean;\n\n    /**\n     * List of rioglyph icon names.\n     */\n    iconNames?: string[];\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     * - `bg-map-marker-restrictions`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Can be used to add a text-color class to the marker div.\n     */\n    textColor?: string;\n\n    /**\n     * Used to control the marker's anchor size.\n     *\n     * Possible values are:\n     * - `md`\n     * - `lg`\n     *\n     * @default 'md'\n     */\n    anchorSize?: 'md' | 'lg';\n\n    /**\n     * Whether the marker is only visible on hover.\n     *\n     * @default false\n     */\n    markerOnHover?: boolean;\n\n    /**\n     * Optional icon that is shown on the anchor of the DOM marker.\n     * Use this when no marker content is shown.\n     */\n    anchorIconName?: string;\n\n    /**\n     * Shows only the anchor without the rest of the marker.\n     */\n    anchorOnly?: boolean;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst SingleMapMarker = (props: SingleMapMarkerProps) => {\n    const {\n        bearing = DEFAULT_BEARING,\n        name,\n        warningCount = 0,\n        exceptionCount = 0,\n        active = false,\n        clickable = true,\n        fixed = false,\n        moving = false,\n        pinging = false,\n        anchorIconName,\n        stateIconName,\n        iconNames,\n        markerColor = 'bg-map-marker-asset',\n        textColor,\n        anchorSize,\n        markerOnHover = false,\n        anchorOnly = !name && !iconNames,\n        cursor = 'cursor-pointer',\n        className,\n        style,\n    } = props;\n\n    const largeAnchor = anchorSize === 'lg';\n\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-bottom-center',\n        !clickable && 'not-clickable',\n        className\n    );\n\n    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);\n\n    const singleClasses = classNames(\n        'rio-map-single',\n        fixed && 'fixed',\n        moving && 'moving',\n        textColor,\n        markerOnHover && 'visible-on-hover',\n        active && 'active',\n        pinging && 'pinging',\n        typeof name === 'string' && name.length === 1 && 'single-letter',\n        cursor\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ ...style, color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'single-')}\n        >\n            <div className='rio-map-marker-translate'>\n                {!anchorOnly && (\n                    <>\n                        <div className={singleClasses}>\n                            <MapStateIndicator moving={moving} bearing={bearing} stateIconName={stateIconName} />\n                            {getIcons(iconNames)}\n                            {name && <div className='rio-map-name'>{name}</div>}\n                            {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                            {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                        </div>\n                        <div className='rio-map-anchor-arrow' />\n                    </>\n                )}\n                <div className={anchorClasses}>\n                    {anchorIconName && largeAnchor && <span className={`rioglyph rioglyph-${anchorIconName}`} />}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SingleMapMarker;\n"],"names":["DEFAULT_BEARING","MapStateIndicator","props","moving","bearing","stateIconName","iconClassName","classNames","style","jsx","getIcons","iconNames","name","index","SingleMapMarker","warningCount","exceptionCount","active","clickable","fixed","pinging","anchorIconName","markerColor","textColor","anchorSize","markerOnHover","anchorOnly","cursor","className","largeAnchor","classes","anchorClasses","singleClasses","markerBackgroundColor","markerColorMapping","jsxs","Fragment"],"mappings":";;;AAKA,MAAMA,IAAkB,IAElBC,IAAoB,CAACC,MAAwE;AAC/F,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,eAAAC,EAAA,IAAkBH;AAE3C,MAAI,CAACC,KAAU,CAACE;AACZ,WAAO;AAGX,QAAMC,IAAgBC,EAAW,YAAY,YAAYF,KAAiB,WAAW,EAAE,GAEjFG,IAAQH,IAAgB,KAAK,EAAE,WAAW,UAAUD,CAAO,OAAA;AAEjE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAW,qCAAqCJ,IAAgB,KAAK,mBAAmB,IACzF,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWH,GAAe,OAAAE,GAAc,GAClD;AAER,GAEME,IAAW,CAACC,IAAsB,OACpCA,EAAU,IAAI,CAACC,GAAMC,MACjB,gBAAAJ,EAAC,OAAA,EAA0C,WAAU,gBACjD,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,qBAAqBG,CAAI,GAAA,CAAI,KADxC,gBAAgBA,CAAI,IAAIC,CAAK,EAEvC,CACH,GAsICC,IAAkB,CAACZ,MAAgC;AACrD,QAAM;AAAA,IACF,SAAAE,IAAUJ;AAAA,IACV,MAAAY;AAAA,IACA,cAAAG,IAAe;AAAA,IACf,gBAAAC,IAAiB;AAAA,IACjB,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,QAAAhB,IAAS;AAAA,IACT,SAAAiB,IAAU;AAAA,IACV,gBAAAC;AAAA,IACA,eAAAhB;AAAA,IACA,WAAAM;AAAA,IACA,aAAAW,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC,IAAa,CAACd,KAAQ,CAACD;AAAA,IACvB,QAAAgB,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,OAAApB;AAAA,EAAA,IACAN,GAEE2B,IAAcL,MAAe,MAE7BM,IAAUvB;AAAA,IACZU,KAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,CAACC,KAAa;AAAA,IACdU;AAAA,EAAA,GAGEG,IAAgBxB,EAAW,kBAAkBsB,IAAc,sBAAsB,IAAIF,CAAM,GAE3FK,IAAgBzB;AAAA,IAClB;AAAA,IACAY,KAAS;AAAA,IACThB,KAAU;AAAA,IACVoB;AAAA,IACAE,KAAiB;AAAA,IACjBR,KAAU;AAAA,IACVG,KAAW;AAAA,IACX,OAAOR,KAAS,YAAYA,EAAK,WAAW,KAAK;AAAA,IACjDe;AAAA,EAAA,GAGEM,IAAwB,OAAOC,EAAmBZ,CAAW,CAAC;AAEpE,SACI,gBAAAb;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWqB;AAAA,MACX,OAAO,EAAE,GAAGtB,GAAO,OAAOyB,EAAA;AAAA,MAC1B,oBAAkBX,EAAY,QAAQ,OAAO,SAAS;AAAA,MAEtD,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,QAAA,CAACT,KACE,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWH,GACZ,UAAA;AAAA,YAAA,gBAAAvB,EAACR,GAAA,EAAkB,QAAAE,GAAgB,SAAAC,GAAkB,eAAAC,EAAA,CAA8B;AAAA,YAClFK,EAASC,CAAS;AAAA,YAClBC,KAAQ,gBAAAH,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAG,GAAK;AAAA,YAC5CI,IAAiB,KAAK,gBAAAP,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAO,GAAe;AAAA,YAChFD,IAAe,KAAK,gBAAAN,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAM,EAAA,CAAa;AAAA,UAAA,GAC/E;AAAA,UACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,QAAA,GAC1C;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWsB,GACX,UAAAV,KAAkBQ,KAAe,gBAAApB,EAAC,QAAA,EAAK,WAAW,qBAAqBY,CAAc,GAAA,CAAI,EAAA,CAC9F;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SingleMapMarker.js","names":[],"sources":["../../../src/components/mapMarker/SingleMapMarker.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\nimport type { IconType } from '../icon/Icon';\n\nconst DEFAULT_BEARING = 60;\n\nconst MapStateIndicator = (props: { moving: boolean; bearing: number; stateIconName?: IconType }) => {\n    const { moving, bearing, stateIconName } = props;\n\n    if (!moving && !stateIconName) {\n        return null;\n    }\n\n    const iconClassName = classNames('uikit-icon', normalizeIconName(stateIconName || 'direction'));\n\n    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };\n\n    return (\n        <div className={`rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`}>\n            <span className={iconClassName} style={style} />\n        </div>\n    );\n};\n\nconst getIcons = (iconNames: IconType[] = []) =>\n    iconNames.map((name, index) => (\n        <div key={`rio-map-icon-${name}-${index}`} className='rio-map-icon'>\n            <span className={`uikit-icon ${normalizeIconName(name)}`} />\n        </div>\n    ));\n\nexport type SingleMapMarkerProps = ComponentProps<'div'> & {\n    /**\n     * Defines the rotation of the arrow in deg.\n     *\n     * @default 60\n     */\n    bearing?: number;\n\n    /**\n     * Text for the marker.\n     */\n    name?: string | ReactNode;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * Set this to `false` for large passive marker sets to avoid unnecessary DOM hit-testing during pan and zoom.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if marker is fixed and has no centering point.\n     *\n     * @default false\n     */\n    fixed?: boolean;\n\n    /**\n     * Defines whether the direction icon is displayed or not.\n     *\n     * @default false\n     */\n    moving?: boolean;\n\n    /**\n     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.\n     */\n    stateIconName?: IconType;\n\n    /**\n     * Defines if marker is displayed with pinging animation.\n     *\n     * @default false\n     */\n    pinging?: boolean;\n\n    /**\n     * List of uikit-icon icon names.\n     */\n    iconNames?: IconType[];\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     * - `bg-map-marker-restrictions`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Can be used to add a text-color class to the marker div.\n     */\n    textColor?: string;\n\n    /**\n     * Used to control the marker's anchor size.\n     *\n     * Possible values are:\n     * - `md`\n     * - `lg`\n     *\n     * @default 'md'\n     */\n    anchorSize?: 'md' | 'lg';\n\n    /**\n     * Whether the marker is only visible on hover.\n     *\n     * @default false\n     */\n    markerOnHover?: boolean;\n\n    /**\n     * Optional icon that is shown on the anchor of the DOM marker.\n     * Use this when no marker content is shown.\n     */\n    anchorIconName?: IconType;\n\n    /**\n     * Shows only the anchor without the rest of the marker.\n     */\n    anchorOnly?: boolean;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst SingleMapMarker = (props: SingleMapMarkerProps) => {\n    const {\n        bearing = DEFAULT_BEARING,\n        name,\n        warningCount = 0,\n        exceptionCount = 0,\n        active = false,\n        clickable = true,\n        fixed = false,\n        moving = false,\n        pinging = false,\n        anchorIconName,\n        stateIconName,\n        iconNames,\n        markerColor = 'bg-map-marker-asset',\n        textColor,\n        anchorSize,\n        markerOnHover = false,\n        anchorOnly = !name && !iconNames,\n        cursor = 'cursor-pointer',\n        className,\n        style,\n    } = props;\n\n    const largeAnchor = anchorSize === 'lg';\n\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-bottom-center',\n        !clickable && 'not-clickable',\n        className\n    );\n\n    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);\n\n    const singleClasses = classNames(\n        'rio-map-single',\n        fixed && 'fixed',\n        moving && 'moving',\n        textColor,\n        markerOnHover && 'visible-on-hover',\n        active && 'active',\n        pinging && 'pinging',\n        typeof name === 'string' && name.length === 1 && 'single-letter',\n        cursor\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ ...style, color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'single-')}\n        >\n            <div className='rio-map-marker-translate'>\n                {!anchorOnly && (\n                    <>\n                        <div className={singleClasses}>\n                            <MapStateIndicator moving={moving} bearing={bearing} stateIconName={stateIconName} />\n                            {getIcons(iconNames)}\n                            {name && <div className='rio-map-name'>{name}</div>}\n                            {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                            {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                        </div>\n                        <div className='rio-map-anchor-arrow' />\n                    </>\n                )}\n                <div className={anchorClasses}>\n                    {anchorIconName && largeAnchor && (\n                        <span className={`uikit-icon ${normalizeIconName(anchorIconName)}`} />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SingleMapMarker;\n"],"mappings":";;;;;AAOA,IAAM,IAAkB,IAElB,KAAqB,MAA0E;CACjG,IAAM,EAAE,WAAQ,YAAS,qBAAkB;CAE3C,IAAI,CAAC,KAAU,CAAC,GACZ,OAAO;CAGX,IAAM,IAAgB,EAAW,cAAc,EAAkB,KAAiB,WAAW,CAAC,GAExF,IAAQ,IAAgB,CAAC,IAAI,EAAE,WAAW,UAAU,EAAQ,MAAM;CAExE,OACI,kBAAC,OAAD;EAAK,WAAW,qCAAqC,IAAgB,KAAK;YACtE,kBAAC,QAAD;GAAM,WAAW;GAAsB;EAAQ,CAAA;CAC9C,CAAA;AAEb,GAEM,KAAY,IAAwB,CAAC,MACvC,EAAU,KAAK,GAAM,MACjB,kBAAC,OAAD;CAA2C,WAAU;WACjD,kBAAC,QAAD,EAAM,WAAW,cAAc,EAAkB,CAAI,IAAM,CAAA;AAC1D,GAFK,gBAAgB,EAAK,GAAG,GAE7B,CACR,GAsIC,KAAmB,MAAgC;CACrD,IAAM,EACF,aAAU,GACV,SACA,kBAAe,GACf,oBAAiB,GACjB,YAAS,IACT,eAAY,IACZ,WAAQ,IACR,YAAS,IACT,aAAU,IACV,mBACA,kBACA,cACA,iBAAc,uBACd,cACA,eACA,mBAAgB,IAChB,gBAAa,CAAC,KAAQ,CAAC,GACvB,YAAS,kBACT,cACA,aACA,GAEE,IAAc,MAAe,MAE7B,IAAU,EACZ,KAAU,UACV,kBACA,gCACA,CAAC,KAAa,iBACd,CACJ,GAEM,IAAgB,EAAW,kBAAkB,IAAc,sBAAsB,IAAI,CAAM,GAE3F,IAAgB,EAClB,kBACA,KAAS,SACT,KAAU,UACV,GACA,KAAiB,oBACjB,KAAU,UACV,KAAW,WACX,OAAO,KAAS,YAAY,EAAK,WAAW,KAAK,iBACjD,CACJ,GAEM,IAAwB,OAAO,EAAmB,GAAa;CAErE,OACI,kBAAC,OAAD;EACI,WAAW;EACX,OAAO;GAAE,GAAG;GAAO,OAAO;EAAsB;EAChD,oBAAkB,EAAY,QAAQ,OAAO,SAAS;YAEtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,CAAC,KACE,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;IAAK,WAAW;cAAhB;KACI,kBAAC,GAAD;MAA2B;MAAiB;MAAwB;KAAgB,CAAA;KACnF,EAAS,CAAS;KAClB,KAAQ,kBAAC,OAAD;MAAK,WAAU;gBAAgB;KAAU,CAAA;KACjD,IAAiB,KAAK,kBAAC,OAAD;MAAK,WAAU;gBAA4B;KAAoB,CAAA;KACrF,IAAe,KAAK,kBAAC,OAAD;MAAK,WAAU;gBAA0B;KAAkB,CAAA;IAC/E;OACL,kBAAC,OAAD,EAAK,WAAU,uBAAwB,CAAA,CACzC,EAAA,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAW;cACX,KAAkB,KACf,kBAAC,QAAD,EAAM,WAAW,cAAc,EAAkB,CAAc,IAAM,CAAA;GAExE,CAAA,CACJ;;CACJ,CAAA;AAEb"}

package/components/menuItems/MenuItem.js

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

package/components/menuItems/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../src/components/menuItems/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport DropdownSubmenu from '../dropdown/DropdownSubmenu';\nimport DropdownHeader from '../selects/DropdownHeader';\n\nexport type MenuItemProps = {\n    /**\n     * __Internal prop__ - The item index.\n     */\n    index?: number;\n\n    /**\n     * The menu item element which will be shown in the dropdown menu.\n     */\n    value?: string | React.ReactNode;\n\n    /**\n     * Sets the item as active/selected.\n     */\n    active?: boolean;\n\n    /**\n     * Setting \"disabled\" to true will disable the respective item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Will add a divider line between the items inside the dropdown.\n     *\n     * @default false\n     */\n    divider?: boolean;\n\n    /**\n     * Will treat the given value as a menu header.\n     *\n     * @default false\n     */\n    header?: boolean;\n\n    /**\n     * Callback function triggered when an item is selected.\n     *\n     * @param value\n     * @param event\n     * @returns\n     */\n    onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;\n\n    /**\n     * __Internal prop__ - Callback function triggered when the item is selected.\n     */\n    closeMenu?: VoidFunction;\n\n    /**\n     * __Internal prop__ - Callback function triggered when the item is hovered and not disabled.\n     * @param event\n     * @returns\n     */\n    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;\n};\n\nconst MenuItem = (props: MenuItemProps) => {\n    const {\n        index,\n        value,\n        divider = false,\n        disabled = false,\n        active = false,\n        header = false,\n        onSelect = noop,\n        closeMenu = noop,\n        onMouseEnter = noop,\n    } = props;\n\n    if (React.isValidElement(value) && value.type === DropdownSubmenu) {\n        return value;\n    }\n\n    const role = divider ? 'separator' : 'presentation';\n\n    const classes = classNames(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');\n\n    const handleSelectItem = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onSelect(index, event);\n\n            if (closeMenu) {\n                closeMenu();\n            }\n        }\n    };\n\n    const handleItemMouseEnter = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onMouseEnter(event);\n        }\n    };\n\n    if (header) {\n        return <DropdownHeader label={value} center={false} />;\n    }\n\n    return (\n        <li\n            role={role}\n            className={classes}\n            onClick={handleSelectItem}\n            onMouseEnter={handleItemMouseEnter}\n            data-item-index={index}\n        >\n            <a role='menuitem'>{value}</a>\n        </li>\n    );\n};\n\nexport default MenuItem;\n"],"names":["MenuItem","props","index","value","divider","disabled","active","header","onSelect","noop","closeMenu","onMouseEnter","React","DropdownSubmenu","role","classes","classNames","handleSelectItem","event","handleItemMouseEnter","jsx","DropdownHeader"],"mappings":";;;;;;AAkEA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAWC;AAAA,IACX,WAAAC,IAAYD;AAAA,IACZ,cAAAE,IAAeF;AAAA,EAAA,IACfR;AAEJ,MAAIW,EAAM,eAAeT,CAAK,KAAKA,EAAM,SAASU;AAC9C,WAAOV;AAGX,QAAMW,IAAOV,IAAU,cAAc,gBAE/BW,IAAUC,EAAWZ,KAAW,+BAA+BC,KAAY,YAAYC,KAAU,QAAQ,GAEzGW,IAAmB,CAACC,MAA2C;AACjE,IAAKb,MACDG,EAASN,GAAOgB,CAAK,GAEjBR,KACAA,EAAA;AAAA,EAGZ,GAEMS,IAAuB,CAACD,MAA2C;AACrE,IAAKb,KACDM,EAAaO,CAAK;AAAA,EAE1B;AAEA,SAAIX,IACO,gBAAAa,EAACC,GAAA,EAAe,OAAOlB,GAAO,QAAQ,IAAO,IAIpD,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,WAAWC;AAAA,MACX,SAASE;AAAA,MACT,cAAcE;AAAA,MACd,mBAAiBjB;AAAA,MAEjB,UAAA,gBAAAkB,EAAC,KAAA,EAAE,MAAK,YAAY,UAAAjB,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtC;"}
+{"version":3,"file":"MenuItem.js","names":[],"sources":["../../../src/components/menuItems/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport DropdownSubmenu from '../dropdown/DropdownSubmenu';\nimport DropdownHeader from '../selects/DropdownHeader';\n\nexport type MenuItemProps = {\n    /**\n     * __Internal prop__ - The item index.\n     */\n    index?: number;\n\n    /**\n     * The menu item element which will be shown in the dropdown menu.\n     */\n    value?: string | React.ReactNode;\n\n    /**\n     * Sets the item as active/selected.\n     */\n    active?: boolean;\n\n    /**\n     * Setting \"disabled\" to true will disable the respective item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Will add a divider line between the items inside the dropdown.\n     *\n     * @default false\n     */\n    divider?: boolean;\n\n    /**\n     * Will treat the given value as a menu header.\n     *\n     * @default false\n     */\n    header?: boolean;\n\n    /**\n     * Callback function triggered when an item is selected.\n     *\n     * @param value\n     * @param event\n     * @returns\n     */\n    onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;\n\n    /**\n     * __Internal prop__ - Callback function triggered when the item is selected.\n     */\n    closeMenu?: VoidFunction;\n\n    /**\n     * __Internal prop__ - Callback function triggered when the item is hovered and not disabled.\n     * @param event\n     * @returns\n     */\n    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;\n};\n\nconst MenuItem = (props: MenuItemProps) => {\n    const {\n        index,\n        value,\n        divider = false,\n        disabled = false,\n        active = false,\n        header = false,\n        onSelect = noop,\n        closeMenu = noop,\n        onMouseEnter = noop,\n    } = props;\n\n    if (React.isValidElement(value) && value.type === DropdownSubmenu) {\n        return value;\n    }\n\n    const role = divider ? 'separator' : 'presentation';\n\n    const classes = classNames(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');\n\n    const handleSelectItem = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onSelect(index, event);\n\n            if (closeMenu) {\n                closeMenu();\n            }\n        }\n    };\n\n    const handleItemMouseEnter = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onMouseEnter(event);\n        }\n    };\n\n    if (header) {\n        return <DropdownHeader label={value} center={false} />;\n    }\n\n    return (\n        <li\n            role={role}\n            className={classes}\n            onClick={handleSelectItem}\n            onMouseEnter={handleItemMouseEnter}\n            data-item-index={index}\n        >\n            <a role='menuitem'>{value}</a>\n        </li>\n    );\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;AAkEA,IAAM,KAAY,MAAyB;CACvC,IAAM,EACF,UACA,UACA,aAAU,IACV,cAAW,IACX,YAAS,IACT,YAAS,IACT,cAAW,GACX,eAAY,GACZ,kBAAe,MACf;CAEJ,IAAI,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,GAC9C,OAAO;CAGX,IAAM,IAAO,IAAU,cAAc,gBAE/B,IAAU,EAAW,KAAW,+BAA+B,KAAY,YAAY,KAAU,QAAQ;CAsB/G,OAJI,IACO,kBAAC,GAAD;EAAgB,OAAO;EAAO,QAAQ;CAAQ,CAAA,IAIrD,kBAAC,MAAD;EACU;EACN,WAAW;EACX,UAxBkB,MAA2C;GACjE,AAAK,MACD,EAAS,GAAO,CAAK,GAEjB,KACA,EAAU;EAGtB;EAiBQ,eAfsB,MAA2C;GACrE,AAAK,KACD,EAAa,CAAK;EAE1B;EAYQ,mBAAiB;YAEjB,kBAAC,KAAD;GAAG,MAAK;aAAY;EAAS,CAAA;CAC7B,CAAA;AAEZ"}

package/components/menuItems/MenuItemList.js

@@ -1,11 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import i from "../../utils/classNames.js";
-const d = a((r, o) => {
-  const { pullRight: s, className: e, children: m, ...n } = r, t = i("dropdown-menu", s && "pull-right", e);
-  return /* @__PURE__ */ l("ul", { ...n, className: t, ref: o, role: "menu", children: m });
+import e from "../../utils/classNames.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/menuItems/MenuItemList.tsx
+var r = t((t, r) => {
+	let { pullRight: i, className: a, children: o, ...s } = t, c = e("dropdown-menu", i && "pull-right", a);
+	return /* @__PURE__ */ n("ul", {
+		...s,
+		className: c,
+		ref: r,
+		role: "menu",
+		children: o
+	});
 });
-export {
-  d as default
-};
-//# sourceMappingURL=MenuItemList.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=MenuItemList.js.map

package/components/menuItems/MenuItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemList.js","sources":["../../../src/components/menuItems/MenuItemList.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren, type HTMLProps } from 'react';\n\nimport classNames from '../../utils/classNames';\n\ntype MenuItemListProps = {\n    pullRight?: boolean;\n    className?: string;\n} & HTMLProps<HTMLUListElement>;\n\nconst MenuItemList = forwardRef<HTMLUListElement, PropsWithChildren<MenuItemListProps>>((props, ref) => {\n    const { pullRight, className, children, ...remainingProps } = props;\n\n    const dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', className);\n\n    return (\n        <ul {...remainingProps} className={dropdownMenuClasses} ref={ref} role='menu'>\n            {children}\n        </ul>\n    );\n});\n\nexport default MenuItemList;\n"],"names":["MenuItemList","forwardRef","props","ref","pullRight","className","children","remainingProps","dropdownMenuClasses","classNames","jsx"],"mappings":";;;AASA,MAAMA,IAAeC,EAAmE,CAACC,GAAOC,MAAQ;AACpG,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBL,GAExDM,IAAsBC,EAAW,iBAAiBL,KAAa,cAAcC,CAAS;AAE5F,SACI,gBAAAK,EAAC,QAAI,GAAGH,GAAgB,WAAWC,GAAqB,KAAAL,GAAU,MAAK,QAClE,UAAAG,EAAA,CACL;AAER,CAAC;"}
+{"version":3,"file":"MenuItemList.js","names":[],"sources":["../../../src/components/menuItems/MenuItemList.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren, type HTMLProps } from 'react';\n\nimport classNames from '../../utils/classNames';\n\ntype MenuItemListProps = {\n    pullRight?: boolean;\n    className?: string;\n} & HTMLProps<HTMLUListElement>;\n\nconst MenuItemList = forwardRef<HTMLUListElement, PropsWithChildren<MenuItemListProps>>((props, ref) => {\n    const { pullRight, className, children, ...remainingProps } = props;\n\n    const dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', className);\n\n    return (\n        <ul {...remainingProps} className={dropdownMenuClasses} ref={ref} role='menu'>\n            {children}\n        </ul>\n    );\n});\n\nexport default MenuItemList;\n"],"mappings":";;;;AASA,IAAM,IAAe,GAAoE,GAAO,MAAQ;CACpG,IAAM,EAAE,cAAW,cAAW,aAAU,GAAG,MAAmB,GAExD,IAAsB,EAAW,iBAAiB,KAAa,cAAc,CAAS;CAE5F,OACI,kBAAC,MAAD;EAAI,GAAI;EAAgB,WAAW;EAA0B;EAAK,MAAK;EAClE;CACD,CAAA;AAEZ,CAAC"}

package/components/menuItems/MenuItems.js

@@ -1,17 +1,14 @@
-import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { noop as m } from "es-toolkit/function";
-import d from "./MenuItem.js";
-const x = ({ items: n, closeMenu: t = m, onMouseEnter: p = m }) => /* @__PURE__ */ e(a, { children: n.map((o, r) => /* @__PURE__ */ e(
-  d,
-  {
-    ...o,
-    index: o.index ?? r,
-    closeMenu: t,
-    onMouseEnter: p
-  },
-  o.index ?? r
-)) });
-export {
-  x as default
-};
-//# sourceMappingURL=MenuItems.js.map
+import e from "./MenuItem.js";
+import { noop as t } from "es-toolkit/function";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/components/menuItems/MenuItems.tsx
+var i = ({ items: i, closeMenu: a = t, onMouseEnter: o = t }) => /* @__PURE__ */ r(n, { children: i.map((t, n) => /* @__PURE__ */ r(e, {
+	...t,
+	index: t.index ?? n,
+	closeMenu: a,
+	onMouseEnter: o
+}, t.index ?? n)) });
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MenuItems.js.map

package/components/menuItems/MenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.js","sources":["../../../src/components/menuItems/MenuItems.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport MenuItemComponent, { type MenuItemProps as MenuItem } from './MenuItem';\n\nexport type MenuItemsProps = {\n    items: MenuItem[];\n    closeMenu?: () => void;\n    onMouseEnter?: () => void;\n};\n\nconst MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }: MenuItemsProps) => (\n    <>\n        {items.map((item, index) => (\n            <MenuItemComponent\n                key={item.index ?? index}\n                {...item}\n                index={item.index ?? index}\n                closeMenu={closeMenu}\n                onMouseEnter={onMouseEnter}\n            />\n        ))}\n    </>\n);\n\nexport default MenuItems;\n"],"names":["MenuItems","items","closeMenu","noop","onMouseEnter","jsx","Fragment","item","index","MenuItemComponent"],"mappings":";;;AAUA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAYC,GAAM,cAAAC,IAAeD,EAAA,MACzD,gBAAAE,EAAAC,GAAA,EACK,UAAAL,EAAM,IAAI,CAACM,GAAMC,MACd,gBAAAH;AAAA,EAACI;AAAAA,EAAA;AAAA,IAEI,GAAGF;AAAA,IACJ,OAAOA,EAAK,SAASC;AAAA,IACrB,WAAAN;AAAA,IACA,cAAAE;AAAA,EAAA;AAAA,EAJKG,EAAK,SAASC;AAKvB,CACH,EAAA,CACL;"}
+{"version":3,"file":"MenuItems.js","names":[],"sources":["../../../src/components/menuItems/MenuItems.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport MenuItemComponent, { type MenuItemProps as MenuItem } from './MenuItem';\n\nexport type MenuItemsProps = {\n    items: MenuItem[];\n    closeMenu?: () => void;\n    onMouseEnter?: () => void;\n};\n\nconst MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }: MenuItemsProps) => (\n    <>\n        {items.map((item, index) => (\n            <MenuItemComponent\n                key={item.index ?? index}\n                {...item}\n                index={item.index ?? index}\n                closeMenu={closeMenu}\n                onMouseEnter={onMouseEnter}\n            />\n        ))}\n    </>\n);\n\nexport default MenuItems;\n"],"mappings":";;;;AAUA,IAAM,KAAa,EAAE,UAAO,eAAY,GAAM,kBAAe,QACzD,kBAAA,GAAA,EAAA,UACK,EAAM,KAAK,GAAM,MACd,kBAAC,GAAD;CAEI,GAAI;CACJ,OAAO,EAAK,SAAS;CACV;CACG;AACjB,GALQ,EAAK,SAAS,CAKtB,CACJ,EACH,CAAA"}

package/components/navigation/AppNavigationBar.js

@@ -1,51 +1,41 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { noop as h } from "es-toolkit/function";
-import N from "../../utils/classNames.js";
-import f from "../button/Button.js";
-const B = x((s, o) => {
-  const {
-    className: l,
-    title: n,
-    right: c = /* @__PURE__ */ e("span", {}),
-    backButtonText: i = "",
-    titleSize: r = "md",
-    subtitle: a,
-    border: d = !1,
-    onNavigateBack: m = h,
-    ...p
-  } = s, g = N(
-    "AppNavigationBar",
-    "width-100pct height-45 user-select-none padding-x-10",
-    "display-grid grid-stack align-items-center",
-    r === "md" && "text-size-14",
-    r === "lg" && "text-size-16",
-    d && "border border-bottom-only border-color-lighter",
-    l
-  );
-  return /* @__PURE__ */ t("div", { ref: o, ...p, className: g, children: [
-    /* @__PURE__ */ t("div", { className: "grid-stack-item display-flex align-items-center justify-content-between", children: [
-      /* @__PURE__ */ e(
-        f,
-        {
-          bsStyle: "muted",
-          className: "text-color-darkest",
-          iconOnly: !i,
-          iconName: "rioglyph-arrow-left",
-          onClick: m,
-          children: i
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "btn-toolbar gap-2", children: c })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1", children: [
-      /* @__PURE__ */ e("div", { className: "ellipsis-1", children: n }),
-      a && /* @__PURE__ */ e("div", { className: "text-size-12 line-height-12 text-normal margin-top--2", children: a })
-    ] })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../button/Button.js";
+import { forwardRef as n } from "react";
+import { noop as r } from "es-toolkit/function";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/navigation/AppNavigationBar.tsx
+var o = n((n, o) => {
+	let { className: s, title: c, right: l = /* @__PURE__ */ i("span", {}), backButtonText: u = "", titleSize: d = "md", subtitle: f, border: p = !1, onNavigateBack: m = r, ...h } = n, g = e("AppNavigationBar", "width-100pct height-45 user-select-none padding-x-10", "display-grid grid-stack align-items-center", d === "md" && "text-size-14", d === "lg" && "text-size-16", p && "border border-bottom-only border-color-lighter", s);
+	return /* @__PURE__ */ a("div", {
+		ref: o,
+		...h,
+		className: g,
+		children: [/* @__PURE__ */ a("div", {
+			className: "grid-stack-item display-flex align-items-center justify-content-between",
+			children: [/* @__PURE__ */ i(t, {
+				bsStyle: "muted",
+				className: "text-color-darkest",
+				iconOnly: !u,
+				iconName: "icon-arrow-left",
+				onClick: m,
+				children: u
+			}), /* @__PURE__ */ i("div", {
+				className: "btn-toolbar gap-2",
+				children: l
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1",
+			children: [/* @__PURE__ */ i("div", {
+				className: "ellipsis-1",
+				children: c
+			}), f && /* @__PURE__ */ i("div", {
+				className: "text-size-12 line-height-12 text-normal margin-top--2",
+				children: f
+			})]
+		})]
+	});
 });
-export {
-  B as AppNavigationBar,
-  B as default
-};
-//# sourceMappingURL=AppNavigationBar.js.map
+//#endregion
+export { o as AppNavigationBar, o as default };
+
+//# sourceMappingURL=AppNavigationBar.js.map

package/components/navigation/AppNavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavigationBar.js","sources":["../../../src/components/navigation/AppNavigationBar.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type MouseEvent, type ReactNode } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport Button from '../button/Button';\n\nexport type AppNavigationBarProps = {\n    /**\n     * The title for the content that is shown.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Defines the size of the title. Possible values are 'md' and 'lg'.\n     *\n     * @default 'md'\n     */\n    titleSize?: 'md' | 'lg';\n\n    /**\n     * Adds a subtitle below the title.\n     */\n    subtitle?: string | ReactNode;\n\n    /**\n     * Right side area for additional options of buttons like filter etc. that is relevant for the shown content..\n     */\n    right?: ReactNode;\n\n    backButtonText?: string | ReactNode;\n\n    /**\n     * Add a light bottom border to the wrapper element.\n     *\n     * @default false\n     */\n    border?: boolean;\n\n    /**\n     * Callback function for when the back navigation button is clicked.\n     */\n    onNavigateBack?: (event: MouseEvent<HTMLSpanElement>) => void;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\nexport const AppNavigationBar = forwardRef((props: AppNavigationBarProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        className,\n        title,\n        right = <span />,\n        backButtonText = '',\n        titleSize = 'md',\n        subtitle,\n        border = false,\n        onNavigateBack = noop,\n        ...remainingProps\n    } = props;\n\n    const navigationClasses = classNames(\n        'AppNavigationBar',\n        'width-100pct height-45 user-select-none padding-x-10',\n        'display-grid grid-stack align-items-center',\n        titleSize === 'md' && 'text-size-14',\n        titleSize === 'lg' && 'text-size-16',\n        border && 'border border-bottom-only border-color-lighter',\n        className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={navigationClasses}>\n            <div className='grid-stack-item display-flex align-items-center justify-content-between'>\n                <Button\n                    bsStyle='muted'\n                    className='text-color-darkest'\n                    iconOnly={!backButtonText}\n                    iconName='rioglyph-arrow-left'\n                    onClick={onNavigateBack}\n                >\n                    {backButtonText}\n                </Button>\n                <div className='btn-toolbar gap-2'>{right}</div>\n            </div>\n            <div className='grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1'>\n                <div className='ellipsis-1'>{title}</div>\n                {subtitle && <div className='text-size-12 line-height-12 text-normal margin-top--2'>{subtitle}</div>}\n            </div>\n        </div>\n    );\n});\n\nexport default AppNavigationBar;\n"],"names":["AppNavigationBar","forwardRef","props","ref","className","title","right","backButtonText","titleSize","subtitle","border","onNavigateBack","noop","remainingProps","navigationClasses","classNames","jsxs","jsx","Button"],"mappings":";;;;;AAiDO,MAAMA,IAAmBC,EAAW,CAACC,GAA8BC,MAAsC;AAC5G,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,sBAAS,QAAA,EAAK;AAAA,IACd,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,gBAAAC,IAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACAP,MAAc,QAAQ;AAAA,IACtBA,MAAc,QAAQ;AAAA,IACtBE,KAAU;AAAA,IACVN;AAAA,EAAA;AAGJ,2BACK,OAAA,EAAI,KAAAD,GAAW,GAAGU,GAAgB,WAAWC,GAC1C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2EACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU,CAACX;AAAA,UACX,UAAS;AAAA,UACT,SAASI;AAAA,UAER,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAX,EAAA,CAAM;AAAA,IAAA,GAC9C;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAU,gGACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAZ,GAAM;AAAA,MAClCI,KAAY,gBAAAQ,EAAC,OAAA,EAAI,WAAU,yDAAyD,UAAAR,EAAA,CAAS;AAAA,IAAA,EAAA,CAClG;AAAA,EAAA,GACJ;AAER,CAAC;"}
+{"version":3,"file":"AppNavigationBar.js","names":[],"sources":["../../../src/components/navigation/AppNavigationBar.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type MouseEvent, type ReactNode } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport Button from '../button/Button';\n\nexport type AppNavigationBarProps = {\n    /**\n     * The title for the content that is shown.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Defines the size of the title. Possible values are 'md' and 'lg'.\n     *\n     * @default 'md'\n     */\n    titleSize?: 'md' | 'lg';\n\n    /**\n     * Adds a subtitle below the title.\n     */\n    subtitle?: string | ReactNode;\n\n    /**\n     * Right side area for additional options of buttons like filter etc. that is relevant for the shown content..\n     */\n    right?: ReactNode;\n\n    backButtonText?: string | ReactNode;\n\n    /**\n     * Add a light bottom border to the wrapper element.\n     *\n     * @default false\n     */\n    border?: boolean;\n\n    /**\n     * Callback function for when the back navigation button is clicked.\n     */\n    onNavigateBack?: (event: MouseEvent<HTMLSpanElement>) => void;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\nexport const AppNavigationBar = forwardRef((props: AppNavigationBarProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        className,\n        title,\n        right = <span />,\n        backButtonText = '',\n        titleSize = 'md',\n        subtitle,\n        border = false,\n        onNavigateBack = noop,\n        ...remainingProps\n    } = props;\n\n    const navigationClasses = classNames(\n        'AppNavigationBar',\n        'width-100pct height-45 user-select-none padding-x-10',\n        'display-grid grid-stack align-items-center',\n        titleSize === 'md' && 'text-size-14',\n        titleSize === 'lg' && 'text-size-16',\n        border && 'border border-bottom-only border-color-lighter',\n        className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={navigationClasses}>\n            <div className='grid-stack-item display-flex align-items-center justify-content-between'>\n                <Button\n                    bsStyle='muted'\n                    className='text-color-darkest'\n                    iconOnly={!backButtonText}\n                    iconName='icon-arrow-left'\n                    onClick={onNavigateBack}\n                >\n                    {backButtonText}\n                </Button>\n                <div className='btn-toolbar gap-2'>{right}</div>\n            </div>\n            <div className='grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1'>\n                <div className='ellipsis-1'>{title}</div>\n                {subtitle && <div className='text-size-12 line-height-12 text-normal margin-top--2'>{subtitle}</div>}\n            </div>\n        </div>\n    );\n});\n\nexport default AppNavigationBar;\n"],"mappings":";;;;;;AAiDA,IAAa,IAAmB,GAAY,GAA8B,MAAsC;CAC5G,IAAM,EACF,cACA,UACA,WAAQ,kBAAC,QAAD,CAAO,CAAA,GACf,oBAAiB,IACjB,eAAY,MACZ,aACA,YAAS,IACT,oBAAiB,GACjB,GAAG,MACH,GAEE,IAAoB,EACtB,oBACA,wDACA,8CACA,MAAc,QAAQ,gBACtB,MAAc,QAAQ,gBACtB,KAAU,kDACV,CACJ;CAEA,OACI,kBAAC,OAAD;EAAU;EAAK,GAAI;EAAgB,WAAW;YAA9C,CACI,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IACI,SAAQ;IACR,WAAU;IACV,UAAU,CAAC;IACX,UAAS;IACT,SAAS;cAER;GACG,CAAA,GACR,kBAAC,OAAD;IAAK,WAAU;cAAqB;GAAW,CAAA,CAC9C;MACL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,OAAD;IAAK,WAAU;cAAc;GAAW,CAAA,GACvC,KAAY,kBAAC,OAAD;IAAK,WAAU;cAAyD;GAAc,CAAA,CAClG;IACJ;;AAEb,CAAC"}

package/components/noData/NoData.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { TooltipWidth } from '../tooltip/Tooltip';
-import { PLACEMENT } from '../../values/Placement';
-import { ObjectValues } from '../../utils/ObjectValues';
+import { Placement } from '../../values/Placement';
 export type NoDataProps = {
     /**
      * The actual translated "No data" text.
@@ -15,13 +14,12 @@ export type NoDataProps = {
      * Sets the direction the Tooltip is positioned towards.
      *
      * Possible values are:
-     * `auto-start`, `auto`, `auto-end`,
      * `top-start`, `top`, `top-end`,
      * `bottom-start`, `bottom`, `bottom-end`,
      * `right-start`, `right`, `right-end`,
      * `left-start`, `left`, `left-end`
      */
-    tooltipPlacement?: ObjectValues<typeof PLACEMENT>;
+    tooltipPlacement?: Placement;
     /**
      * The width of the tooltip.
      *

package/components/noData/NoData.js

@@ -1,22 +1,32 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import c from "../../utils/classNames.js";
-import m from "../tooltip/SimpleTooltip.js";
-import { PLACEMENT as N } from "../../values/Placement.js";
-const g = (a) => {
-  const {
-    text: s,
-    className: r = "",
-    tooltip: n,
-    tooltipPlacement: i = N.BOTTOM,
-    tooltipWidth: l = "auto",
-    ...t
-  } = a, o = c("NoData", r);
-  return n ? /* @__PURE__ */ p("span", { ...t, className: o, children: [
-    /* @__PURE__ */ e("span", { className: "pointer-events-none user-select-none", children: s }),
-    /* @__PURE__ */ e(m, { content: n, placement: i, width: l, children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-info-sign margin-left-5" }) })
-  ] }) : /* @__PURE__ */ e("span", { ...t, className: o, children: /* @__PURE__ */ e("span", { className: "pointer-events-none user-select-none", children: s }) });
+import e from "../../utils/classNames.js";
+import { PLACEMENT as t } from "../../values/Placement.js";
+import n from "../tooltip/SimpleTooltip.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/noData/NoData.tsx
+var a = (a) => {
+	let { text: o, className: s = "", tooltip: c, tooltipPlacement: l = t.BOTTOM, tooltipWidth: u = "auto", ...d } = a, f = e("NoData", s);
+	return c ? /* @__PURE__ */ i("span", {
+		...d,
+		className: f,
+		children: [/* @__PURE__ */ r("span", {
+			className: "pointer-events-none user-select-none",
+			children: o
+		}), /* @__PURE__ */ r(n, {
+			content: c,
+			placement: l,
+			width: u,
+			children: /* @__PURE__ */ r("span", { className: "uikit-icon icon-info-sign margin-left-5" })
+		})]
+	}) : /* @__PURE__ */ r("span", {
+		...d,
+		className: f,
+		children: /* @__PURE__ */ r("span", {
+			className: "pointer-events-none user-select-none",
+			children: o
+		})
+	});
 };
-export {
-  g as default
-};
-//# sourceMappingURL=NoData.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=NoData.js.map