@12-apps/ui 6.22.0 → 6.24.0

package/dist/chunk-JZXWCEH5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetMap.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { SR_ONLY_SX } from '../../form/Label/Label.styles';\nimport { EmptyState } from '../EmptyState/EmptyState';\n\nimport { FleetBody } from './FleetBody';\nimport { useFleetMap } from './FleetMap.hooks';\nimport {\n  FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n  FLEET_DEFAULT_STALE_AFTER_SECONDS,\n  FLEET_PANEL,\n} from './FleetMap.metrics';\nimport type { FleetMapProps } from './FleetMap.types';\n\n/** The map's own default height. Overridable, and never a hardcoded viewport. */\nconst DEFAULT_HEIGHT = '420px';\n\n/**\n * The reload announcement, and nothing else.\n *\n * `aria-busy` marks the region stale for assistive technology but UTTERS\n * nothing, and the skeletons beside it are `aria-hidden` — so a screen-reader\n * user got silence while the roster reloaded. This is the utterance.\n *\n * Optional by design: the sentence is in the reader's language, which only the\n * caller knows, and inventing an English one in a component whose whole premise\n * is that every word arrives through `copy` would be the bug it exists to\n * avoid. No `copy.loading`, no region.\n *\n * ## The node outlives the text, and that is the whole trick\n *\n * A live region has to be in the DOM BEFORE its content changes; a screen\n * reader watches an existing region for mutations rather than announcing one\n * that appears already populated. Mounting region-and-text together in a single\n * commit is the classic silent case — it satisfies a DOM assertion while\n * announcing nothing. So the region mounts as soon as the caller offers the\n * copy and merely EMPTIES when idle, which is what `CepField`, `UploadButton`\n * and `DateRangePickerFields` all do.\n */\nfunction FleetStatus({\n  announcement,\n  loading,\n  testId,\n}: {\n  announcement: string | undefined;\n  loading: boolean;\n  testId: string;\n}): React.JSX.Element | null {\n  // No copy, no region at all — the caller has not asked for an announcement.\n  if (announcement === undefined) return null;\n  return (\n    <Box role=\"status\" aria-live=\"polite\" data-testid={`${testId}-status`} sx={SR_ONLY_SX}>\n      {loading ? announcement : ''}\n    </Box>\n  );\n}\n\n/**\n * FleetMap — where a set of tracked units is right now, as a map beside the\n * roster that reads it.\n *\n * Product-free by construction: it draws labelled dots with a freshness, and\n * every word — the heading, the three freshness states, how a duration and a\n * distance are written — arrives through {@link FleetMapProps.copy}. Couriers,\n * service vans and field engineers are all the same picture.\n *\n * ## Three decisions worth knowing before changing it\n *\n * **The roster is the accessible representation, not a sidebar.** A map is a\n * picture and a screen reader cannot read one, so the list carries the\n * information: everything a sighted user gets from a pin — who, how recently,\n * what they are carrying — is on the row. The map is a NAMED region rather than\n * an `aria-hidden` one, because its controls are focusable and hiding a\n * focusable subtree is the `aria-hidden-focus` violation.\n *\n * **Nothing here formats.** `lastSeen` and `accuracy` are functions on the copy\n * object, the same line `StatCard` holds for its `value`: a duration and a\n * distance are locale rules, and a component that wrote \"2 min ago\" would have\n * made English the only language it could ever render.\n *\n * **An empty fleet is an empty STATE, not an empty map.** A map with no pins is\n * indistinguishable from a map that failed to load, and the difference is the\n * whole question a dispatcher is asking.\n */\nexport const FleetMap: React.FC<FleetMapProps> = React.memo(\n  ({\n    units,\n    copy,\n    // NO default. `undefined` is what tells the hook the caller does not own\n    // the selection; defaulting it to `null` here made every render look\n    // controlled and the uncontrolled path unreachable.\n    selectedId,\n    onSelect,\n    laggingAfterSeconds = FLEET_DEFAULT_LAGGING_AFTER_SECONDS,\n    staleAfterSeconds = FLEET_DEFAULT_STALE_AFTER_SECONDS,\n    height = DEFAULT_HEIGHT,\n    loading = false,\n    className,\n    dataTestId,\n  }) => {\n    const theme = useTheme();\n    const testId = dataTestId || 'fleet-map';\n    const headingId = React.useId();\n    const { ordered, active, centre, select, markers, onKeyDown } = useFleetMap(\n      units,\n      selectedId,\n      onSelect,\n    );\n\n    return (\n      <Box\n        role=\"region\"\n        aria-labelledby={headingId}\n        className={className}\n        data-testid={testId}\n        sx={{ display: 'flex', flexDirection: 'column', gap: theme.spacing(FLEET_PANEL.gapUnits), minWidth: 0 }}\n      >\n        <Typography\n          id={headingId}\n          variant=\"subtitle1\"\n          component=\"h2\"\n          data-testid={`${testId}-title`}\n          sx={{ fontWeight: theme.typography.fontWeightMedium }}\n        >\n          {copy.title}\n        </Typography>\n\n        <FleetStatus announcement={copy.loading} loading={loading} testId={testId} />\n\n        {!loading && ordered.length === 0 ? (\n          <EmptyState\n            variant=\"minimal\"\n            title={copy.emptyTitle}\n            description={copy.emptyDescription}\n            dataTestId={`${testId}-empty`}\n          />\n        ) : (\n          <FleetBody\n            ordered={ordered}\n            centre={centre}\n            markers={markers}\n            select={select}\n            onKeyDown={onKeyDown}\n            copy={copy}\n            selectedId={active}\n            laggingAfterSeconds={laggingAfterSeconds}\n            staleAfterSeconds={staleAfterSeconds}\n            height={height}\n            loading={loading}\n            testId={testId}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nFleetMap.displayName = 'FleetMap';\n\nexport default FleetMap;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAmDd,cA2DE,YA3DF;AApCJ,IAAM,iBAAiB;AAwBvB,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAI6B;AAE3B,MAAI,iBAAiB,OAAW,QAAO;AACvC,SACE,oBAAC,OAAI,MAAK,UAAS,aAAU,UAAS,eAAa,GAAG,MAAM,WAAW,IAAI,YACxE,oBAAU,eAAe,IAC5B;AAEJ;AA6BO,IAAM,WAAoC,MAAM;AAAA,EACrD,CAAC;AAAA,IACC;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,QAAQ,SAAS;AACvB,UAAM,SAAS,cAAc;AAC7B,UAAM,YAAY,MAAM,MAAM;AAC9B,UAAM,EAAE,SAAS,QAAQ,QAAQ,QAAQ,SAAS,UAAU,IAAI;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,mBAAiB;AAAA,QACjB;AAAA,QACA,eAAa;AAAA,QACb,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAM,QAAQ,YAAY,QAAQ,GAAG,UAAU,EAAE;AAAA,QAEtG;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,eAAa,GAAG,MAAM;AAAA,cACtB,IAAI,EAAE,YAAY,MAAM,WAAW,iBAAiB;AAAA,cAEnD,eAAK;AAAA;AAAA,UACR;AAAA,UAEA,oBAAC,eAAY,cAAc,KAAK,SAAS,SAAkB,QAAgB;AAAA,UAE1E,CAAC,WAAW,QAAQ,WAAW,IAC9B;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,KAAK;AAAA,cACZ,aAAa,KAAK;AAAA,cAClB,YAAY,GAAG,MAAM;AAAA;AAAA,UACvB,IAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/{chunk-DVUPIVI2.js → chunk-KT6HWAEN.js}

@@ -1,10 +1,10 @@
+import {
+  buildChartContext
+} from "./chunk-BLBOYCOV.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
-import {
-  buildChartContext
-} from "./chunk-HKV4MQ2W.js";
 
 // src/components/data-display/Chart/chart-renderers.tsx
 import {
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-DVUPIVI2.js.map
+//# sourceMappingURL=chunk-KT6HWAEN.js.map

package/dist/{chunk-TLMLEC4F.js → chunk-KW7H5O3K.js}

@@ -1,3 +1,8 @@
+import {
+  MIN_QUERY_LENGTH,
+  addressOptionLabel,
+  isSameAddressOption
+} from "./chunk-MTGEJRE4.js";
 import {
   AddressSuggestionsPaper
 } from "./chunk-ST4YYVUK.js";
@@ -7,11 +12,6 @@ import {
 import {
   AddressInputField
 } from "./chunk-VXTYVJDK.js";
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-MTGEJRE4.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-TLMLEC4F.js.map
+//# sourceMappingURL=chunk-KW7H5O3K.js.map

package/dist/{chunk-VLHGBFR6.js → chunk-MZQTHSLN.js}

@@ -1,10 +1,10 @@
 import {
   Chart
-} from "./chunk-7TZ6OC5T.js";
+} from "./chunk-OH3YGJT5.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-R6SBP5M5.js";
+} from "./chunk-GOWBYHYW.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-VLHGBFR6.js.map
+//# sourceMappingURL=chunk-MZQTHSLN.js.map

package/dist/{chunk-4SQFO4GW.js → chunk-NA7MIEG6.js}

@@ -1,3 +1,9 @@
+import {
+  pulseAnimation,
+  rotateAnimation,
+  scaleInAnimation,
+  shimmerAnimation
+} from "./chunk-XRMZMBE3.js";
 import {
   ACTIVE_SCALE,
   AVATAR_SIZES,
@@ -17,12 +23,6 @@ import {
   SPINNER,
   STATUS_DOT
 } from "./chunk-FAITHWIO.js";
-import {
-  pulseAnimation,
-  rotateAnimation,
-  scaleInAnimation,
-  shimmerAnimation
-} from "./chunk-XRMZMBE3.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -272,4 +272,4 @@ function AvatarView(props) {
 export {
   AvatarView
 };
-//# sourceMappingURL=chunk-4SQFO4GW.js.map
+//# sourceMappingURL=chunk-NA7MIEG6.js.map

package/dist/{chunk-QWDEOITU.js → chunk-O4VCZTK4.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-QZBUGUOY.js";
+} from "./chunk-DFLTUI7W.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-QWDEOITU.js.map
+//# sourceMappingURL=chunk-O4VCZTK4.js.map

package/dist/{chunk-LS4FMSHY.js → chunk-OAYX4XN7.js}

@@ -1,10 +1,10 @@
-import {
-  ColumnsTab
-} from "./chunk-DW5FRWRQ.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-7NSX7A5H.js";
+import {
+  ColumnsTab
+} from "./chunk-DW5FRWRQ.js";
 import {
   ViewActions,
   ViewFooter,
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-LS4FMSHY.js.map
+//# sourceMappingURL=chunk-OAYX4XN7.js.map

package/dist/{chunk-Y5UCOBQN.js → chunk-OGGHD64H.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-LYKV3C7B.js";
 import {
   useDataViewsLayout
 } from "./chunk-ZPIMPOHV.js";
+import {
+  DataViewsScopeTabs
+} from "./chunk-LYKV3C7B.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-Y5UCOBQN.js.map
+//# sourceMappingURL=chunk-OGGHD64H.js.map

package/dist/{chunk-7TZ6OC5T.js → chunk-OH3YGJT5.js}

@@ -1,6 +1,6 @@
 import {
   renderChartByType
-} from "./chunk-DVUPIVI2.js";
+} from "./chunk-KT6HWAEN.js";
 import {
   ChartContainer
 } from "./chunk-M5T3COS2.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-7TZ6OC5T.js.map
+//# sourceMappingURL=chunk-OH3YGJT5.js.map

package/dist/{chunk-REMK55JI.js → chunk-OLZTGVBT.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-F52N6ACD.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-F52N6ACD.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-REMK55JI.js.map
+//# sourceMappingURL=chunk-OLZTGVBT.js.map

package/dist/{chunk-VNNG46TS.js → chunk-ORSLFKKZ.js}

@@ -4,12 +4,9 @@ import {
 import {
   SelectAllStrip
 } from "./chunk-XKV5ZIBG.js";
-import {
-  cardGridTracks
-} from "./chunk-U2ZDN2AL.js";
 import {
   ListCardGroup
-} from "./chunk-LYSSO6WC.js";
+} from "./chunk-CZPU5TW3.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
@@ -17,12 +14,15 @@ import {
   cardTargetWidthFor,
   useDataViewsLayout
 } from "./chunk-ZPIMPOHV.js";
+import {
+  cardGridTracks
+} from "./chunk-U2ZDN2AL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-X5MPHXG5.js";
+} from "./chunk-RPWEXIAW.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-VNNG46TS.js.map
+//# sourceMappingURL=chunk-ORSLFKKZ.js.map

package/dist/{chunk-ZIYMBR7K.js → chunk-OTH7H3IP.js}

@@ -10,7 +10,7 @@ import {
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-REMK55JI.js";
+} from "./chunk-OLZTGVBT.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-ZIYMBR7K.js.map
+//# sourceMappingURL=chunk-OTH7H3IP.js.map

package/dist/{chunk-5NKUYCZD.js → chunk-PN5CQKA2.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-WLQTHPMX.js";
+} from "./chunk-EJQW2IYW.js";
 import {
   PanelRangeField
-} from "./chunk-QZBUGUOY.js";
+} from "./chunk-DFLTUI7W.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-J3JGO6Y6.js";
 import {
   StackedModal
-} from "./chunk-2UYR2OOE.js";
+} from "./chunk-YRUCIKPO.js";
 import {
   StackedModalContent
 } from "./chunk-JN3PGXRJ.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-5NKUYCZD.js.map
+//# sourceMappingURL=chunk-PN5CQKA2.js.map

package/dist/{chunk-J4W4TQPC.js → chunk-QJRDDVZ2.js}

@@ -4,7 +4,10 @@ import {
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-EXJBPKGW.js";
+} from "./chunk-SHDIZSN5.js";
+import {
+  StaticMapView
+} from "./chunk-QYNCPS5W.js";
 import {
   glassStyles,
   resolveMapPreviewProps
@@ -12,9 +15,6 @@ import {
 import {
   useMapPreview
 } from "./chunk-PQECNGDE.js";
-import {
-  StaticMapView
-} from "./chunk-QYNCPS5W.js";
 
 // src/components/data-display/MapPreview/MapPreview.tsx
 import Box from "@mui/material/Box/index.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-J4W4TQPC.js.map
+//# sourceMappingURL=chunk-QJRDDVZ2.js.map

package/dist/{chunk-VNDOQEJ7.js → chunk-QRX5BYUQ.js}

@@ -1,3 +1,6 @@
+import {
+  containerStyles
+} from "./chunk-RXVPUW7V.js";
 import {
   CarouselTrack
 } from "./chunk-WIXUMFU7.js";
@@ -7,9 +10,6 @@ import {
 import {
   CarouselChrome
 } from "./chunk-R6SSXEK2.js";
-import {
-  containerStyles
-} from "./chunk-RXVPUW7V.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-VNDOQEJ7.js.map
+//# sourceMappingURL=chunk-QRX5BYUQ.js.map

package/dist/{chunk-XT7HMNBW.js → chunk-R6SNYC3D.js}

@@ -1,18 +1,18 @@
+import {
+  SelectField
+} from "./chunk-W4SDVTZC.js";
 import {
   CepField
 } from "./chunk-EOHKZGOZ.js";
 import {
   CategoryField
-} from "./chunk-FL54G7PV.js";
+} from "./chunk-WIT3Y7JT.js";
 import {
   ToggleField
 } from "./chunk-LYMAMKJT.js";
 import {
   TextField
 } from "./chunk-C3CMEDSO.js";
-import {
-  SelectField
-} from "./chunk-W4SDVTZC.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-XT7HMNBW.js.map
+//# sourceMappingURL=chunk-R6SNYC3D.js.map

package/dist/{chunk-W2UTDN4T.js → chunk-RBGOGTT2.js}

@@ -1,10 +1,10 @@
-import {
-  paginationStyles
-} from "./chunk-CZBONNPA.js";
 import {
   ItemsPerPageSelect,
   PageInfo
 } from "./chunk-BB2IVF76.js";
+import {
+  paginationStyles
+} from "./chunk-CZBONNPA.js";
 import {
   makeTestId,
   muiSizeFor,
@@ -191,4 +191,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-W2UTDN4T.js.map
+//# sourceMappingURL=chunk-RBGOGTT2.js.map

package/dist/chunk-RP5FK3SO.js

@@ -0,0 +1,79 @@
+import {
+  FleetCanvas
+} from "./chunk-2RQINU5T.js";
+import {
+  FleetRoster
+} from "./chunk-HMV4QMXS.js";
+
+// src/components/data-display/FleetMap/FleetBody.tsx
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FleetBody({
+  ordered,
+  centre,
+  markers,
+  select,
+  onKeyDown,
+  copy,
+  selectedId,
+  laggingAfterSeconds,
+  staleAfterSeconds,
+  height,
+  loading,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: { xs: "column", md: "row" },
+      spacing: 2,
+      "aria-busy": loading || void 0,
+      "data-testid": `${testId}-body`,
+      sx: { alignItems: "stretch", minWidth: 0 },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              flexBasis: { md: "280px", lg: "320px", xl: "380px" },
+              flexShrink: 0,
+              minWidth: 0,
+              maxHeight: height,
+              display: "flex"
+            },
+            children: /* @__PURE__ */ jsx(
+              FleetRoster,
+              {
+                units: ordered,
+                copy,
+                selectedId,
+                onSelect: select,
+                laggingAfterSeconds,
+                staleAfterSeconds,
+                loading,
+                testId,
+                onKeyDown
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FleetCanvas,
+          {
+            copy,
+            centre,
+            markers,
+            height,
+            testId
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FleetBody
+};
+//# sourceMappingURL=chunk-RP5FK3SO.js.map

package/dist/chunk-RP5FK3SO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetBody.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport React from 'react';\n\nimport { FleetCanvas } from './FleetCanvas';\nimport type { FleetMapState } from './FleetMap.hooks';\nimport type { FleetMapCopy } from './FleetMap.types';\nimport { FleetRoster } from './FleetRoster';\n\nexport interface FleetBodyProps\n  extends Pick<FleetMapState, 'ordered' | 'centre' | 'markers' | 'select' | 'onKeyDown'> {\n  copy: FleetMapCopy;\n  selectedId: string | null | undefined;\n  laggingAfterSeconds: number;\n  staleAfterSeconds: number;\n  height: string;\n  loading: boolean;\n  testId: string;\n}\n\n/**\n * The two halves side by side: the roster that reads the fleet, and the map.\n *\n * A component rather than JSX inside {@link import('./FleetMap').FleetMap}\n * because the layout is where every responsive decision lives, and keeping it\n * here is what leaves the exported component short enough to read in one\n * screen — which the complexity ledger enforces rather than merely suggests.\n */\nexport function FleetBody({\n  ordered,\n  centre,\n  markers,\n  select,\n  onKeyDown,\n  copy,\n  selectedId,\n  laggingAfterSeconds,\n  staleAfterSeconds,\n  height,\n  loading,\n  testId,\n}: FleetBodyProps): React.JSX.Element {\n  return (\n    <Stack\n      direction={{ xs: 'column', md: 'row' }}\n      spacing={2}\n      // `aria-busy` belongs on the halves that are actually reloading, NOT on\n      // the panel root — the live region announcing the reload is a sibling up\n      // there, and a live region inside a busy subtree is exactly what\n      // `aria-busy` tells assistive tech to hold back. Marking the root busy\n      // would have silenced the announcement for the whole of the only window\n      // in which it has anything to say. `CepField` splits them the same way.\n      aria-busy={loading || undefined}\n      data-testid={`${testId}-body`}\n      sx={{ alignItems: 'stretch', minWidth: 0 }}\n    >\n      {/* The roster reads first on a phone and sits beside the map from md up.\n          It keeps a ceiling so thirty units scroll rather than push the map off\n          the screen.\n\n          It also WIDENS with the viewport rather than staying at its md width.\n          Held at 280px, a desktop gave the map 1600px for three pins while the\n          roster stayed too narrow for its own meta line — `Lagging · 2 min ago ·\n          ±180 m` wrapped, at 1920px of all widths. The rungs below are the ones\n          the six-width pass was taken at. */}\n      <Box\n        sx={{\n          flexBasis: { md: '280px', lg: '320px', xl: '380px' },\n          flexShrink: 0,\n          minWidth: 0,\n          maxHeight: height,\n          display: 'flex',\n        }}\n      >\n        <FleetRoster\n          units={ordered}\n          copy={copy}\n          selectedId={selectedId}\n          onSelect={select}\n          laggingAfterSeconds={laggingAfterSeconds}\n          staleAfterSeconds={staleAfterSeconds}\n          loading={loading}\n          testId={testId}\n          onKeyDown={onKeyDown}\n        />\n      </Box>\n      <FleetCanvas\n        copy={copy}\n        centre={centre}\n        markers={markers}\n        height={height}\n        testId={testId}\n      />\n    </Stack>\n  );\n}\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AA0Cd,SA+BI,KA/BJ;AAfG,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,IAAI,UAAU,IAAI,MAAM;AAAA,MACrC,SAAS;AAAA,MAOT,aAAW,WAAW;AAAA,MACtB,eAAa,GAAG,MAAM;AAAA,MACtB,IAAI,EAAE,YAAY,WAAW,UAAU,EAAE;AAAA,MAWzC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW,EAAE,IAAI,SAAS,IAAI,SAAS,IAAI,QAAQ;AAAA,cACnD,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW;AAAA,cACX,SAAS;AAAA,YACX;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA,UAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-X5MPHXG5.js → chunk-RPWEXIAW.js}

@@ -1,3 +1,8 @@
+import {
+  DataGridEmpty,
+  DataGridError,
+  DataGridLoading
+} from "./chunk-5E3XZAED.js";
 import {
   useDataGridModel
 } from "./chunk-DLJGBJZW.js";
@@ -5,11 +10,6 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-KZLLTOB2.js";
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-5E3XZAED.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -115,4 +115,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-X5MPHXG5.js.map
+//# sourceMappingURL=chunk-RPWEXIAW.js.map

package/dist/chunk-RQWZYD6H.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RQWZYD6H.js.map

package/dist/chunk-RQWZYD6H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-EXJBPKGW.js → chunk-SHDIZSN5.js}

@@ -1,13 +1,13 @@
+import {
+  HeatmapOverlay,
+  RouteOverlay
+} from "./chunk-KUVOMH5I.js";
 import {
   MapControlBar
 } from "./chunk-5ZT4ZIZB.js";
 import {
   MapSearchBar
 } from "./chunk-J3D34ZBL.js";
-import {
-  HeatmapOverlay,
-  RouteOverlay
-} from "./chunk-KUVOMH5I.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
@@ -57,4 +57,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-EXJBPKGW.js.map
+//# sourceMappingURL=chunk-SHDIZSN5.js.map

package/dist/{chunk-23FCBIUN.js → chunk-TNVO2DTB.js}

@@ -1,6 +1,13 @@
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-ULTOQ6ZV.js";
 import {
   tableStyles
 } from "./chunk-P2PDDFMM.js";
+import {
+  useTableSelection
+} from "./chunk-DF4K5XVW.js";
 import {
   TABLE_DEFAULTS,
   definedProps
@@ -9,13 +16,6 @@ import {
   EmptyRow,
   NoDataPlaceholder
 } from "./chunk-XIXR2L3L.js";
-import {
-  EnhancedTableBody,
-  EnhancedTableHeader
-} from "./chunk-ULTOQ6ZV.js";
-import {
-  useTableSelection
-} from "./chunk-DF4K5XVW.js";
 
 // src/components/data-display/Table/Table.tsx
 import MoreVertIcon from "@mui/icons-material/MoreVert";
@@ -285,4 +285,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-23FCBIUN.js.map
+//# sourceMappingURL=chunk-TNVO2DTB.js.map

package/dist/{chunk-AGSBIUPV.js → chunk-TPLKJHNN.js}

@@ -1,3 +1,6 @@
+import {
+  CategoryQuickActions
+} from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
 } from "./chunk-OVLNF4AZ.js";
@@ -13,9 +16,6 @@ import {
   panelSx,
   sheetSx
 } from "./chunk-TFO6GBW7.js";
-import {
-  CategoryQuickActions
-} from "./chunk-ZUIJ3N7N.js";
 import {
   removeChip
 } from "./chunk-LR6MSKTT.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-AGSBIUPV.js.map
+//# sourceMappingURL=chunk-TPLKJHNN.js.map

package/dist/{chunk-YQ6TNHAC.js → chunk-TTLI6PF7.js}

@@ -1,6 +1,3 @@
-import {
-  STACK_BREAK
-} from "./chunk-3FLVIVOK.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -8,6 +5,9 @@ import {
   isSelectable,
   slotTestIds
 } from "./chunk-OQFSYMHJ.js";
+import {
+  STACK_BREAK
+} from "./chunk-BHIGHSXA.js";
 import {
   useDragItem
 } from "./chunk-JCJGJX7V.js";
@@ -16,7 +16,7 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-LYSSO6WC.js";
+} from "./chunk-CZPU5TW3.js";
 import {
   DENSITY_ROW_PADDING
 } from "./chunk-ZPIMPOHV.js";
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-YQ6TNHAC.js.map
+//# sourceMappingURL=chunk-TTLI6PF7.js.map

package/dist/{chunk-U2AC4AQX.js → chunk-TU5EIKJA.js}

@@ -1,11 +1,11 @@
+import {
+  PT_BR_TABLE_FILTER_COPY
+} from "./chunk-A7RIZOAL.js";
 import {
   PT_BR_CATEGORY_SELECT_COPY,
   PT_BR_CONFIRM_ACTION_COPY,
   PT_BR_SAVED_VIEWS_LABELS
 } from "./chunk-WUE5EK42.js";
-import {
-  PT_BR_TABLE_FILTER_COPY
-} from "./chunk-A7RIZOAL.js";
 
 // src/pt-BR.data-display.ts
 var PT_BR_LIGHTBOX_COPY = {
@@ -225,4 +225,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-U2AC4AQX.js.map
+//# sourceMappingURL=chunk-TU5EIKJA.js.map