@m4l/gclick 0.4.4 → 0.4.5

package/components/ReportsViewer/subcomponents/GroupCellWithTotal/GroupCellWithTotal.js

@@ -1,8 +1,8 @@
 import { jsx as c } from "@emotion/react/jsx-runtime";
-import { Typography as f } from "@m4l/base";
-import { GroupCellWithTotalRootStyled as g } from "../../slots/ReportsViewerSlots.js";
+import { Typography as u } from "@m4l/base";
+import { GroupCellWithTotalRootStyled as f } from "../../slots/ReportsViewerSlots.js";
 function y(p) {
-  const { childRows: n, column: r, groupTotalsMap: i, row: s } = p, u = r.align;
+  const { childRows: n, column: r, groupTotalsMap: i, row: s } = p, d = r.align;
   let o;
   const l = r.key, a = s?.id;
   if (a && i && l) {
@@ -14,7 +14,7 @@ function y(p) {
       o = n.length;
   } else
     o = n.length;
-  return /* @__PURE__ */ c(g, { ownerState: { align: u }, children: /* @__PURE__ */ c(f, { variant: "body", children: o }) });
+  return /* @__PURE__ */ c(f, { ownerState: { align: d }, children: /* @__PURE__ */ c(u, { variant: "bodyStandard", children: o }) });
 }
 export {
   y as GroupCellWithTotal

package/components/ReportsViewer/subcomponents/ReportsViewerMessage/ReportsViewerMessage.js

@@ -4,7 +4,7 @@ import { useModuleDictionary as a } from "@m4l/core";
 import { ErrorContainerStyled as n } from "../../slots/ReportsViewerSlots.js";
 function s({ ownerState: e, dictionaryKey: o }) {
   const { getLabel: t } = a();
-  return /* @__PURE__ */ r(n, { ownerState: e, children: /* @__PURE__ */ r(i, { variant: "body", color: "text.secondary", children: t(o) }) });
+  return /* @__PURE__ */ r(n, { ownerState: e, children: /* @__PURE__ */ r(i, { variant: "bodyStandard", color: "text.secondary", children: t(o) }) });
 }
 s.displayName = "ReportsViewerMessage";
 export {

package/components/VideoTimeLineSelector/subcomponents/ChannelRadioButton/ChannelRadioButton.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { ContainerChannelCheckboxStyled as m } from "../../slots/VideoTimeLineSelectorSlots.js";
-import { FormControlLabel as c, Radio as s } from "@mui/material";
-import { useVideoTimeLineSelectorStore as h } from "../../store/useVideoTimeLineSelectorStore.js";
-import { shallow as p } from "zustand/shallow";
-import { useComponentSize as d } from "@m4l/graphics";
+import { FormControlLabel as c, Radio as d } from "@mui/material";
+import { useVideoTimeLineSelectorStore as s } from "../../store/useVideoTimeLineSelectorStore.js";
+import { shallow as h } from "zustand/shallow";
+import { useComponentSize as p } from "@m4l/graphics";
 import { Typography as C } from "@m4l/base";
 const g = (n) => {
-  const { channel: e, onChange: t } = n, i = h((o) => o.activeChannels, p), { currentSize: l } = d();
+  const { channel: e, onChange: t } = n, i = s((o) => o.activeChannels, h), { currentSize: l } = p();
   return !e || !e.id || !e.label || e.label.trim() === "" ? null : /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
     c,
     {
-      control: /* @__PURE__ */ r(s, { value: e.id }),
-      label: /* @__PURE__ */ r(C, { variant: "body", color: "text.primary", ellipsis: !0, size: l, children: e.label }),
+      control: /* @__PURE__ */ r(d, { value: e.id }),
+      label: /* @__PURE__ */ r(C, { variant: "bodyStandard", color: "text.primary", ellipsis: !0, size: l, children: e.label }),
       checked: i.some((o) => o === e.id),
       onChange: (o, a) => {
         t(e.id, a);

package/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.js

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as i } from "@emotion/react/jsx-runtime";
-import { memo as y } from "react";
+import { memo as E } from "react";
 import { Tooltip as m, Typography as n } from "@m4l/base";
-import { EventClusterStyled as S, PointEventStyled as b } from "../../slots/VideoTimeLineSelectorSlots.js";
+import { EventClusterStyled as y, PointEventStyled as b } from "../../slots/VideoTimeLineSelectorSlots.js";
 import { useTheme as v } from "@mui/material";
 import { useModuleDictionary as x, getPropertyByString as C } from "@m4l/core";
 import { VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as _ } from "../../dictionary.js";
 import { useVideoTimeLineSelectorStore as g } from "../../store/useVideoTimeLineSelectorStore.js";
 import { VIDEO_TIME_LINE_SELECTOR_CLASSES as L } from "../../constants.js";
-const N = y(({ clusteredEvent: p, onEventClick: o }) => {
-  const { events: r, position: a, isCluster: s, jumpNextTimeVisible: c } = p, { getLabel: d } = x(), { setTimeVisible: u } = g((e) => e.actions), T = v(), f = () => {
+const N = E(({ clusteredEvent: d, onEventClick: o }) => {
+  const { events: r, position: a, isCluster: s, jumpNextTimeVisible: c } = d, { getLabel: p } = x(), { setTimeVisible: u } = g((e) => e.actions), T = v(), f = () => {
     o && s && (o(r[0].startTime), c && u(c));
   }, h = (e) => {
     o && o(e);
@@ -19,22 +19,22 @@ const N = y(({ clusteredEvent: p, onEventClick: o }) => {
       {
         arrow: !0,
         title: /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ i(n, { variant: "body", color: "text.contrastText", fontWeight: "bold", children: [
+          /* @__PURE__ */ i(n, { variant: "bodyStandard", color: "text.contrastText", fontWeight: "bold", children: [
             r.length,
             " ",
-            d(_.event_cluster)
+            p(_.event_cluster)
           ] }),
-          r.map((e, E) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ i(n, { variant: "caption", color: "text.contrastText", children: [
+          r.map((e, S) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ i(n, { variant: "captionStandard", color: "text.contrastText", children: [
             /* @__PURE__ */ t("span", { style: { color: C(T.vars.palette, e.color, "text.primary") }, children: "•" }),
             " ",
             e.label,
             " - ",
             e.startTime.toLocaleTimeString()
-          ] }) }, E))
+          ] }) }, S))
         ] }),
         placement: "top",
         children: /* @__PURE__ */ t(
-          S,
+          y,
           {
             className: L.eventCluster,
             role: "button",
@@ -46,7 +46,7 @@ const N = y(({ clusteredEvent: p, onEventClick: o }) => {
             children: /* @__PURE__ */ t(
               n,
               {
-                variant: "caption",
+                variant: "captionStandard",
                 children: r.length
               }
             )
@@ -59,7 +59,7 @@ const N = y(({ clusteredEvent: p, onEventClick: o }) => {
     m,
     {
       arrow: !0,
-      title: /* @__PURE__ */ i(n, { variant: "body", color: "text.contrastText", children: [
+      title: /* @__PURE__ */ i(n, { variant: "bodyStandard", color: "text.contrastText", children: [
         l.label,
         /* @__PURE__ */ t("br", {}),
         l.startTime.toLocaleString()

package/components/indicators/IndicatorBattery/IndicatorBattery.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as e, Fragment as x } from "@emotion/react/jsx-runtime";
-import { IndicatorBatteryRootStyled as N, TitleStyled as p, ContentStyled as _, StatusVoltageContainerStyled as B, StatusContainerStyled as g, VoltageContainerStyled as f, ContainerTitleBatteryPorcentageStyled as E, ContainerIconPercentageStyled as R, ContainerStatusVoltageStyled as V } from "./slots/IndicatorBaterySlots.js";
+import { IndicatorBatteryRootStyled as N, TitleStyled as p, ContentStyled as _, StatusVoltageContainerStyled as B, StatusContainerStyled as S, VoltageContainerStyled as g, ContainerTitleBatteryPorcentageStyled as E, ContainerIconPercentageStyled as R, ContainerStatusVoltageStyled as V } from "./slots/IndicatorBaterySlots.js";
 import { useModuleDictionary as M, useEnvironment as O } from "@m4l/core";
 import { INDICATOR_BATTERY_DICTIONARY as o } from "./dictionary.js";
-import { Chip as C } from "@m4l/components";
-import { Icon as I, Typography as r } from "@m4l/base";
+import { Chip as f } from "@m4l/components";
+import { Icon as C, Typography as r } from "@m4l/base";
 import { useBatteryStatus as $ } from "./hooks/useBatteryStatus/useBatteryStatus.js";
 import { INDICATOR_BATTERY_CLASSES as s, INDICATOR_BATTERY_KEY_COMPONENT as F } from "./constants.js";
 import Y from "clsx";
 import { IndicatorBatterySlots as P } from "./slots/IndicatorBatteryEnum.js";
 import { getPropDataTestId as w } from "../../../utils/testIds.js";
-import { INDICATOR_BATTERY_ICONS as S } from "./icons.js";
+import { INDICATOR_BATTERY_ICONS as I } from "./icons.js";
 import { useMemo as b } from "react";
 import { GaugeCircular as j } from "../../GaugeCircular/GaugeCircular.js";
 const rt = (a) => {
@@ -21,7 +21,7 @@ const rt = (a) => {
     valueAcceptable: a.valueAcceptable,
     valueGood: a.valueGood,
     valueExcellent: a.valueExcellent
-  }, [a]), { label: u, color: d, maxVoltage: l } = $(T), h = { color: d }, { value: n, className: k, variant: W = "standard", batteryType: v = "main", dataTestId: A } = a, c = b(() => {
+  }, [a]), { label: u, color: c, maxVoltage: l } = $(T), h = { color: c }, { value: n, className: k, variant: W = "standard", batteryType: v = "main", dataTestId: A } = a, d = b(() => {
     if (n == null || n < 0)
       return 0;
     if (l && l > 0) {
@@ -37,7 +37,7 @@ const rt = (a) => {
       variant: "text",
       role: "progressbar",
       "aria-label": "indicator-battery",
-      "aria-valuenow": c,
+      "aria-valuenow": d,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       direction: "column",
@@ -46,20 +46,20 @@ const rt = (a) => {
       children: W === "standard" ? /* @__PURE__ */ e(x, { children: [
         /* @__PURE__ */ t(p, { variant: "captionDens", skeletonWidth: "80px", children: i(v === "main" ? o.titleMain : o.titleBackup) }),
         /* @__PURE__ */ e(_, { ownerState: h, children: [
-          /* @__PURE__ */ e(j, { value: c, children: [
-            /* @__PURE__ */ t(I, { src: `${m}/${y}/${S.batteryStandard}` }),
+          /* @__PURE__ */ e(j, { value: d, children: [
+            /* @__PURE__ */ t(C, { src: `${m}/${y}/${I.batteryStandard}` }),
             /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "flex-end", justifyContent: "center", gap: "2px" }, children: [
-              /* @__PURE__ */ t(r, { variant: "subtitle", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${c ?? 0}` }),
-              /* @__PURE__ */ t(r, { variant: "body", fontFamily: "Jura", color: "text.primary", skeletonWidth: "10px", children: "%" })
+              /* @__PURE__ */ t(r, { variant: "subtitleStandard", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${d ?? 0}` }),
+              /* @__PURE__ */ t(r, { variant: "bodyStandard", fontFamily: "Jura", color: "text.primary", skeletonWidth: "10px", children: "%" })
             ] })
           ] }),
           /* @__PURE__ */ e(B, { children: [
-            /* @__PURE__ */ e(g, { direction: "row", children: [
-              /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(o.status) }),
-              /* @__PURE__ */ t(C, { label: u, color: d, variant: "contained", skeletonWidth: "70px" })
+            /* @__PURE__ */ e(S, { direction: "row", children: [
+              /* @__PURE__ */ t(r, { variant: "bodyStandard", color: "text.secondary", skeletonWidth: "70px", children: i(o.status) }),
+              /* @__PURE__ */ t(f, { label: u, color: c, variant: "contained", skeletonWidth: "70px" })
             ] }),
-            /* @__PURE__ */ e(f, { direction: "row", children: [
-              /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(o.voltage) }),
+            /* @__PURE__ */ e(g, { direction: "row", children: [
+              /* @__PURE__ */ t(r, { variant: "bodyStandard", color: "text.secondary", skeletonWidth: "70px", children: i(o.voltage) }),
               /* @__PURE__ */ t(r, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: n })
             ] })
           ] })
@@ -68,17 +68,17 @@ const rt = (a) => {
         /* @__PURE__ */ e(E, { ownerState: h, children: [
           /* @__PURE__ */ t(p, { variant: "captionDens", skeletonWidth: "80px", children: i(v === "main" ? o.titleMain : o.titleBackup) }),
           /* @__PURE__ */ e(R, { children: [
-            /* @__PURE__ */ t(I, { src: `${m}/${y}/${S.batteryCompact}` }),
-            /* @__PURE__ */ t(r, { variant: "subtitleDens", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${c ?? 0}%` })
+            /* @__PURE__ */ t(C, { src: `${m}/${y}/${I.batteryCompact}` }),
+            /* @__PURE__ */ t(r, { variant: "subtitleDens", fontFamily: "Jura", color: "text.primary", skeletonWidth: "20px", children: `${d ?? 0}%` })
           ] })
         ] }),
         /* @__PURE__ */ e(V, { children: [
-          /* @__PURE__ */ e(g, { className: s.statusContainer, children: [
-            /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(o.status) }),
-            /* @__PURE__ */ t(C, { label: u, color: d, variant: "contained", skeletonWidth: "70px" })
+          /* @__PURE__ */ e(S, { className: s.statusContainer, children: [
+            /* @__PURE__ */ t(r, { variant: "bodyStandard", color: "text.secondary", skeletonWidth: "70px", children: i(o.status) }),
+            /* @__PURE__ */ t(f, { label: u, color: c, variant: "contained", skeletonWidth: "70px" })
           ] }),
-          /* @__PURE__ */ e(f, { className: s.voltageContainer, children: [
-            /* @__PURE__ */ t(r, { variant: "body", color: "text.secondary", skeletonWidth: "70px", children: i(o.voltage) }),
+          /* @__PURE__ */ e(g, { className: s.voltageContainer, children: [
+            /* @__PURE__ */ t(r, { variant: "bodyStandard", color: "text.secondary", skeletonWidth: "70px", children: i(o.voltage) }),
             /* @__PURE__ */ t(r, { variant: "bodyDens", fontFamily: "Inter", color: "text.primary", skeletonWidth: "20px", children: n })
           ] })
         ] })

package/components/indicators/IndicatorValueAndMagnitude/IndicatorValueAndMagnitude.js

@@ -6,7 +6,7 @@ const y = (n) => {
     /* @__PURE__ */ t(a, { variant: "subtitleDens", fontFamily: "Jura", color: "text.secondary", ellipsis: !0, skeletonWidth: "30px", ownerState: {
       minWidth: r
     }, children: i }),
-    e && /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(s, { variant: "body", fontFamily: "Jura", skeletonWidth: "15px", ellipsis: !0, children: e }) })
+    e && /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(s, { variant: "bodyStandard", fontFamily: "Jura", skeletonWidth: "15px", ellipsis: !0, children: e }) })
   ] });
 };
 export {

package/components/indicators/IndicatorValueStatus/IndicatorValueStatus.js

@@ -4,17 +4,17 @@ import { Typography as u } from "@m4l/base";
 import { IndicatorValueStatusRootStyled as y, ContainerTitleIconStyled as x, IconStyled as h, ContainerValueStatusStyled as C, ContainerValueStyled as I } from "./slots/IndicatorValueStatusSlots.js";
 import { INDICATOR_VALUE_STATUS_CLASSES as f } from "./constants.js";
 import T from "clsx";
-const _ = (a) => {
-  const { title: s, iconUrl: o, value: r, status: l, className: c, dataTestId: d, size: S, tooltipContent: m } = a, { currentSize: n } = p(S), i = {
+const _ = (i) => {
+  const { title: s, iconUrl: o, value: r, status: l, className: c, dataTestId: d, size: S, tooltipContent: m } = i, { currentSize: n } = p(S), a = {
     size: n
   };
   return /* @__PURE__ */ t(y, { className: T(c, f.root), "data-testid": d, variant: "text", children: [
     /* @__PURE__ */ t(x, { children: [
-      /* @__PURE__ */ e(u, { variant: "body", color: "text.secondary", ellipsis: !0, size: n, skeletonWidth: "80px", children: s }),
-      o && /* @__PURE__ */ e(h, { src: o, ownerState: i, color: "text.secondary", tooltipContent: m })
+      /* @__PURE__ */ e(u, { variant: "bodyStandard", color: "text.secondary", ellipsis: !0, size: n, skeletonWidth: "80px", children: s }),
+      o && /* @__PURE__ */ e(h, { src: o, ownerState: a, color: "text.secondary", tooltipContent: m })
     ] }),
     /* @__PURE__ */ t(C, { children: [
-      r && /* @__PURE__ */ e(I, { ownerState: i, children: r }),
+      r && /* @__PURE__ */ e(I, { ownerState: a, children: r }),
       l
     ] })
   ] });

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapSourcesTool/subcomponents/MapSourceCard.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "@emotion/react/jsx-runtime";
-import { Card as S, ToggleIconButton as p } from "@m4l/components";
+import { Card as g, ToggleIconButton as p } from "@m4l/components";
 import { Typography as f } from "@m4l/base";
 import { useModuleDictionary as I, useEnvironment as u } from "@m4l/core";
 import { GpsMapSourceToolCardIconTitleContainerStyled as M, GpsMapSourceToolCardIconStyled as E, GpsMapSourceToolCardRoadOptionsContainerStyled as $ } from "../slots/styled.js";
@@ -19,8 +19,8 @@ function U(T) {
     label: O,
     setCurrentMapSourceLayer: R,
     setMapSourceLayerRoadOptions: c
-  } = T, { getLabel: n } = I(), { host_static_assets: s, environment_assets: i } = u(), g = y || m || L;
-  return /* @__PURE__ */ d(S, { direction: "row", selected: o, onClick: () => {
+  } = T, { getLabel: n } = I(), { host_static_assets: s, environment_assets: i } = u(), S = y || m || L;
+  return /* @__PURE__ */ d(g, { direction: "row", selected: o, onClick: () => {
     R(t, a);
   }, padding: "compact", children: [
     /* @__PURE__ */ d(M, { children: [
@@ -34,14 +34,14 @@ function U(T) {
       /* @__PURE__ */ r(
         f,
         {
-          variant: "caption",
+          variant: "captionStandard",
           color: o ? "primary.semanticText" : "text.secondary",
           ellipsis: !0,
           children: O || n(C)
         }
       )
     ] }),
-    g && /* @__PURE__ */ d($, { children: [
+    S && /* @__PURE__ */ d($, { children: [
       y && /* @__PURE__ */ r(
         p,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "publishConfig": {
     "access": "public"
   },