@nar-bus/ui-shared 1.10.0 → 1.11.0

package/dist/components/MeterStatusBadge.d.ts

@@ -1,12 +1,17 @@
 import { MeterStatus } from '../types';
-export interface MeterStatusBadgeProps {
+export type MeterStatusBadgeProps = {
     status: MeterStatus;
-    connectionStatus?: "CONNECTED" | "DISCONNECTED" | "UNKNOWN";
-    /** Localized display label for the meter status. When omitted, the raw code is rendered. */
-    statusLabel?: string;
-    /** Localized display label for the connection status. When omitted, the raw code is rendered. */
-    connectionLabel?: string;
+    /** Localized display label for the meter status (required). */
+    statusLabel: string;
     className?: string;
-}
-export declare function MeterStatusBadge({ status, connectionStatus, statusLabel, connectionLabel, className, }: MeterStatusBadgeProps): import("react").JSX.Element;
+} & ({
+    /** Connection status. When present, `connectionLabel` is required. */
+    connectionStatus: "CONNECTED" | "DISCONNECTED" | "UNKNOWN";
+    /** Localized display label for the connection status (required when `connectionStatus` is set). */
+    connectionLabel: string;
+} | {
+    connectionStatus?: undefined;
+    connectionLabel?: undefined;
+});
+export declare function MeterStatusBadge(props: MeterStatusBadgeProps): import("react").JSX.Element;
 //# sourceMappingURL=MeterStatusBadge.d.ts.map

package/dist/components/MeterStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeterStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/MeterStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,gBAAgB,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC;IAC5D,4FAA4F;IAC5F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,SAAS,GACV,EAAE,qBAAqB,+BASvB"}
+{"version":3,"file":"MeterStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/MeterStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,+DAA+D;IAC/D,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE,sEAAsE;IACtE,gBAAgB,EAAE,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3D,mGAAmG;IACnG,eAAe,EAAE,MAAM,CAAC;CACzB,GACD;IAAE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAAC,eAAe,CAAC,EAAE,SAAS,CAAA;CAAE,CAChE,CAAC;AAqCF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAU5D"}

package/dist/components/ModemStatusBadge.d.ts

@@ -3,12 +3,12 @@ export interface ModemStatusBadgeProps {
     lifecycleStatus: LifecycleStatus;
     networkStatus: NetworkStatus;
     powerStatus: PowerStatus;
-    /** Localized display label for the lifecycle status. When omitted, the raw code is rendered. */
-    lifecycleLabel?: string;
-    /** Localized display label for the network status. When omitted, the raw code is rendered. */
-    networkLabel?: string;
-    /** Localized display label for the power status. When omitted, the raw code is rendered. */
-    powerLabel?: string;
+    /** Localized display label for the lifecycle status (required). */
+    lifecycleLabel: string;
+    /** Localized display label for the network status (required). */
+    networkLabel: string;
+    /** Localized display label for the power status (required). */
+    powerLabel: string;
     className?: string;
 }
 export declare function ModemStatusBadge({ lifecycleStatus, networkStatus, powerStatus, lifecycleLabel, networkLabel, powerLabel, className, }: ModemStatusBadgeProps): import("react").JSX.Element;

package/dist/components/ModemStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModemStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/ModemStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,gGAAgG;IAChG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,qBAAqB,+BAQvB"}
+{"version":3,"file":"ModemStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/ModemStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,mEAAmE;IACnE,cAAc,EAAE,MAAM,CAAC;IACvB,iEAAiE;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,qBAAqB,+BAQvB"}

package/dist/components/OrderStatusBadge.d.ts

@@ -1,8 +1,8 @@
 import { OrderStatus } from '../types';
 export interface OrderStatusBadgeProps {
     status: OrderStatus;
-    /** Localized display label for the order status. When omitted, the raw code is rendered. */
-    label?: string;
+    /** Localized display label for the order status (required). */
+    label: string;
     className?: string;
 }
 export declare function OrderStatusBadge({ status, label, className }: OrderStatusBadgeProps): import("react").JSX.Element;

package/dist/components/OrderStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/OrderStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAQnF"}
+{"version":3,"file":"OrderStatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/OrderStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAQnF"}

package/dist/components/RealTimeStatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RealTimeStatusBar.d.ts","sourceRoot":"","sources":["../../src/components/RealTimeStatusBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC;4FACwF;IACxF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,sBAAsB,sCAwC5E"}
+{"version":3,"file":"RealTimeStatusBar.d.ts","sourceRoot":"","sources":["../../src/components/RealTimeStatusBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC;4FACwF;IACxF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,sBAAsB,sCAwC5E"}

package/dist/components/dashboard/hero/SlaReadout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlaReadout.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/hero/SlaReadout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,GAAG,EAAE,cAAc,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BAuFpE"}
+{"version":3,"file":"SlaReadout.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/hero/SlaReadout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,GAAG,EAAE,cAAc,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BAgGpE"}

package/dist/components/detail-glass/DetailFieldRow.d.ts

@@ -5,7 +5,9 @@ export interface DetailFieldRowProps {
     /** Field value (right, INK semibold). `null`/`undefined` falls back to
      *  `fallback`, then an em dash. */
     value: ReactNode;
-    /** Render the value in the monospace font (slugs, OBIS, timestamps). */
+    /** Render the value in the monospace font (slugs, OBIS, timestamps).
+     *  Applies only to a real `value`; the fallback/em-dash placeholder is never
+     *  monospaced (keeps the `—` proportional so it matches non-mono rows). */
     mono?: boolean;
     /** Value tone — `accent` tints the value cyan. Ignored when `accent` (the
      *  arbitrary-color prop below) is given. */

package/dist/components/detail-glass/DetailFieldRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailFieldRow.d.ts","sourceRoot":"","sources":["../../../src/components/detail-glass/DetailFieldRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd;uCACmC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;gDAC4C;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;6EACyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,IAAY,EACZ,IAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,mBAAmB,+BAkBrB"}
+{"version":3,"file":"DetailFieldRow.d.ts","sourceRoot":"","sources":["../../../src/components/detail-glass/DetailFieldRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd;uCACmC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB;;+EAE2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;gDAC4C;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;6EACyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,IAAY,EACZ,IAAgB,EAChB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,mBAAmB,+BAmBrB"}

package/dist/index.js

@@ -7369,7 +7369,7 @@ function u3({
         paddingInline: "var(--status-badge-padding-x, var(--space-2))",
         "--badge-dot-size": "var(--status-badge-dot-size, 6px)"
       },
-      children: f ?? l
+      children: f
     }
   );
 }
@@ -7405,18 +7405,13 @@ function q6({
   colorMap: v
 }) {
   const T = v[l] ?? "default";
-  return /* @__PURE__ */ R(vo, { variant: T, dot: !0, size: "sm", children: f ?? l });
+  return /* @__PURE__ */ R(vo, { variant: T, dot: !0, size: "sm", children: f });
 }
-function bS({
-  status: l,
-  connectionStatus: f,
-  statusLabel: v,
-  connectionLabel: T,
-  className: M
-}) {
-  return /* @__PURE__ */ H("div", { className: Ke("inline-flex items-center gap-[var(--space-1)]", M), children: [
-    /* @__PURE__ */ R(q6, { code: l, label: v, colorMap: pv }),
-    f && /* @__PURE__ */ R(q6, { code: f, label: T, colorMap: mv })
+function bS(l) {
+  const { status: f, statusLabel: v, className: T } = l;
+  return /* @__PURE__ */ H("div", { className: Ke("inline-flex items-center gap-[var(--space-1)]", T), children: [
+    /* @__PURE__ */ R(q6, { code: f, label: v, colorMap: pv }),
+    l.connectionStatus && /* @__PURE__ */ R(q6, { code: l.connectionStatus, label: l.connectionLabel, colorMap: mv })
   ] });
 }
 const fv = {
@@ -7431,7 +7426,7 @@ const fv = {
   CANCELLED: "default"
 };
 function gv({ status: l, label: f, className: v }) {
-  const T = fv[l] ?? "default", M = f ?? l;
+  const T = fv[l] ?? "default", M = f;
   return /* @__PURE__ */ R(vo, { variant: T, dot: !0, className: Ke(v), children: M });
 }
 /**
@@ -9953,7 +9948,7 @@ function $l({
   accent: w,
   className: o
 }) {
-  const O = f ?? M ?? "—";
+  const O = f != null, j = O ? f : M ?? "—";
   return /* @__PURE__ */ H("div", { className: Ke("dg-field-row", o), children: [
     /* @__PURE__ */ R("span", { className: "dg-field-label", children: l }),
     /* @__PURE__ */ H(
@@ -9961,12 +9956,12 @@ function $l({
       {
         className: Ke(
           "dg-field-value",
-          v && "dg-field-value--mono",
+          v && O && "dg-field-value--mono",
           !w && T === "accent" && "dg-field-value--accent"
         ),
         style: w ? { color: w } : void 0,
         children: [
-          O,
+          j,
           P ? ` ${P}` : ""
         ]
       }
@@ -10616,7 +10611,7 @@ function aT(l, f, v, T) {
   return T ? l >= v ? "var(--color-status-danger)" : l >= f ? "var(--color-status-warning)" : "var(--color-text-secondary)" : l <= v ? "var(--color-status-danger)" : l <= f ? "var(--color-status-warning)" : "var(--color-text-secondary)";
 }
 function iT(l) {
-  return l >= 1e6 ? `${(l / 1e6).toFixed(1)}M` : l >= 1e3 ? `${(l / 1e3).toFixed(0)}K` : String(l);
+  return Number.isFinite(l) ? l >= 1e6 ? `${(l / 1e6).toFixed(1)}M` : l >= 1e3 ? `${(l / 1e3).toFixed(0)}K` : String(l) : "—";
 }
 function DS({ kpis: l, className: f }) {
   return l ? /* @__PURE__ */ R("div", { className: Ke("flex items-center gap-[var(--space-4)]", f), children: rT.map((v) => {
@@ -10646,7 +10641,7 @@ function DS({ kpis: l, className: f }) {
               style: { color: M },
               children: [
                 iT(T),
-                v.suffix ?? ""
+                Number.isFinite(T) ? v.suffix ?? "" : ""
               ]
             }
           )
@@ -12836,21 +12831,18 @@ function fE({ sla: l, delta: f, isLoading: v }) {
       /* @__PURE__ */ R(mt, { className: "h-3 w-36" }),
       /* @__PURE__ */ R(mt, { className: "h-[2px] w-full" })
     ] });
-  const P = l.todayPercent < l.slaThreshold, w = (f ?? 0) >= 0 ? "▲" : "▼", o = Math.abs(f ?? 0).toFixed(2);
+  const P = l.todayPercent < l.slaThreshold, w = (f ?? 0) >= 0 ? "▲" : "▼", o = Math.abs(f ?? 0).toFixed(2), O = Number.isFinite(f);
   return /* @__PURE__ */ H(t2, { label: M, staggerClass: "hero-stagger-2", children: [
     /* @__PURE__ */ H("div", { className: "flex items-baseline gap-[var(--space-2)]", children: [
-      /* @__PURE__ */ H(
+      /* @__PURE__ */ R(
         Y3,
         {
           size: "var(--ops-hero-readout-size)",
           color: "var(--ops-fg-primary)",
-          children: [
-            "%",
-            l.todayPercent.toFixed(2).replace(".", ",")
-          ]
+          children: Number.isFinite(l.todayPercent) ? `%${l.todayPercent.toFixed(2).replace(".", ",")}` : "—"
         }
       ),
-      f !== void 0 && /* @__PURE__ */ H(
+      O && /* @__PURE__ */ H(
         "span",
         {
           className: "font-mono text-[length:var(--font-caption-sm)] tabular-nums",
@@ -12871,10 +12863,10 @@ function fE({ sla: l, delta: f, isLoading: v }) {
       {
         className: "font-mono text-[length:var(--font-caption-sm)] tabular-nums",
         style: { color: "var(--ops-fg-muted)" },
-        children: T("dashboard.hero.slaTargetCaption", {
+        children: Number.isFinite(l.slaThreshold) ? T("dashboard.hero.slaTargetCaption", {
           defaultValue: "Hedef %{{target}}",
           target: l.slaThreshold.toFixed(2).replace(".", ",")
-        })
+        }) : "—"
       }
     ),
     /* @__PURE__ */ H(
@@ -12889,13 +12881,13 @@ function fE({ sla: l, delta: f, isLoading: v }) {
             {
               className: "hero-bar-grow absolute inset-y-0 left-0",
               style: {
-                width: `${_4(l.todayPercent)}%`,
+                width: Number.isFinite(l.todayPercent) ? `${_4(l.todayPercent)}%` : "0%",
                 background: "var(--ops-status-ok)",
                 transformOrigin: "left"
               }
             }
           ),
-          /* @__PURE__ */ R(
+          Number.isFinite(l.slaThreshold) && /* @__PURE__ */ R(
             "div",
             {
               className: "absolute inset-y-0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nar-bus/ui-shared",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",