@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-YSKGLU2V.js

@@ -1,136 +0,0 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-5RP3KXC7.js";
-import {
-  DataViewsExportMenu
-} from "./chunk-JHEGDDZQ.js";
-import {
-  renderBulkActions
-} from "./chunk-LOJK733T.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-L4QCIUTJ.js";
-import {
-  ContentToolbar
-} from "./chunk-3VMGE7CU.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-WTOYEWW6.js";
-
-// src/components/data-display/DataViews/data-views-toolbar.tsx
-import Divider from "@mui/material/Divider/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ToolbarRightControls(props) {
-  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !props.counterHidden && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsxs(
-        default2,
-        {
-          component: "span",
-          "data-testid": `${testIdPrefix}-counter`,
-          sx: { whiteSpace: "nowrap" },
-          children: [
-            matchedCount,
-            " de ",
-            totalCount
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Divider,
-        {
-          orientation: "vertical",
-          flexItem: true,
-          sx: { height: 20, alignSelf: "center", mx: 0.5 }
-        }
-      )
-    ] }),
-    props.toolbarRightSlot,
-    /* @__PURE__ */ jsx(
-      DataViewsDisplayPanel,
-      {
-        c: props.c,
-        testIdPrefix,
-        sortKinds: props.sortKinds,
-        view: props.displayView,
-        compact: props.compactControls
-      }
-    ),
-    props.exportConfig && /* @__PURE__ */ jsx(
-      DataViewsExportMenu,
-      {
-        config: props.exportConfig,
-        query: props.c.currentQuery,
-        totalCount: props.totalCount,
-        selectedIds: [...props.c.selectedIds],
-        columns: props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label })),
-        testIdPrefix,
-        compact: props.compactControls
-      }
-    ),
-    props.showFilterTrigger !== false && /* @__PURE__ */ jsx(
-      FilterTrigger,
-      {
-        open: filterOpen,
-        onOpenChange: setFilterOpen,
-        activeCount: props.activeFilterCount,
-        "data-testid": `${testIdPrefix}-filters-toggle`
-      }
-    )
-  ] });
-}
-function GridToolbar(props) {
-  const copy = useDataViewsCopy();
-  const { testIdPrefix, selectedRows } = props;
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      ref: props.barRef,
-      sx: {
-        borderTop: 1,
-        borderBottom: 1,
-        borderColor: "divider",
-        py: 1.25,
-        mx: { xs: -2, md: -3 },
-        px: { xs: 2, md: 3 }
-      },
-      children: /* @__PURE__ */ jsx(
-        ContentToolbar,
-        {
-          selectAllLabel: copy.selection.selectAll,
-          selectAllText: copy.selection.selectAllOnPage,
-          clearAllText: copy.filters.clearAll,
-          hasSelection: selectedRows.length > 0,
-          selectedCount: selectedRows.length,
-          selectAll: props.selectAll,
-          clearSelection: props.clearSelection,
-          selectAllTestId: `${testIdPrefix}-select-all`,
-          clearAllTestId: `${testIdPrefix}-clear-all`,
-          selectionExtra: props.selectionExtra,
-          actions: renderBulkActions({
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectedRows,
-            clearSelection: props.clearSelection,
-            testIdPrefix
-          }),
-          leadingControls: props.filterControls,
-          exclusiveSelection: true,
-          rightControls: /* @__PURE__ */ jsx(ToolbarRightControls, { ...props })
-        }
-      )
-    }
-  );
-}
-
-export {
-  GridToolbar
-};
-//# sourceMappingURL=chunk-YSKGLU2V.js.map

package/dist/chunk-YSKGLU2V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport Divider from \"@mui/material/Divider/index.js\";\n\nimport {\n  ContentToolbar,\n  FilterTrigger,\n  type ColumnVisibilityOption,\n  type SortFieldDefinition,\n} from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { DataViewsDisplayPanel, type DisplayPanelView } from \"./data-views-display-panel\";\nimport { DataViewsExportMenu, type DataViewExport } from \"./data-views-export\";\nimport { renderBulkActions } from \"./data-views-grid-helpers\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\nexport interface GridToolbarProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  selectedRows: T[];\n  selectAll: () => void;\n  clearSelection: () => void;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** A control between the count and the actions menu — see `selectionExtra`. */\n  selectionExtra?: React.ReactNode;\n  sortFields: SortFieldDefinition[];\n  activeSortField: string;\n  activeSortOrder: \"asc\" | \"desc\";\n  onChangeSort: (field: string, order: \"asc\" | \"desc\") => void;\n  matchedCount: number;\n  totalCount: number;\n  toolbarRightSlot?: React.ReactNode;\n  columnOptions: ColumnVisibilityOption[];\n  onToggleColumn: (id: string, visible: boolean) => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  activeFilterCount: number;\n  /** Hide the \"Filtros\" slide-in trigger (compact layout shows filters inline). */\n  showFilterTrigger?: boolean;\n  /**\n   * Search + filter controls, rendered ON the toolbar line rather than on a row\n   * beneath it. Absent ⇒ the toolbar keeps its plain two-cluster shape.\n   */\n  filterControls?: React.ReactNode;\n  /** Measures the toolbar ROW for the filter overflow — see `useFilterOverflow`. */\n  barRef?: React.Ref<HTMLDivElement>;\n  /** The controller, so \"Exibir\" can drive sort, columns, order and format. */\n  c: DataViewsController<T>;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  /** The saved-view chrome bracketing the Exibir panel, when the host has views. */\n  displayView?: DisplayPanelView;\n  /** Injected export. Absent ⇒ no Exportar control. */\n  exportConfig?: DataViewExport;\n  /**\n   * Step 2 of the degradation ladder: Exibir/Exportar as icons only.\n   * MEASURED upstream (see `useFilterOverflow`) rather than switched at a\n   * breakpoint, so a two-filter page keeps its labels where a five-filter one\n   * has already given them up.\n   */\n  compactControls?: boolean;\n  /**\n   * Step 5 of the ladder, and its floor: on a screen too narrow for even the\n   * fully-collapsed row, the counter is dropped so the controls still fit one\n   * line instead of spilling outside the toolbar.\n   */\n  counterHidden?: boolean;\n}\n\n/** The right-aligned toolbar controls: Sort By, the counter, zoom/layout/columns, filters. */\nfunction ToolbarRightControls<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;\n  return (\n    <>\n      {/* MEASURED, never breakpointed: `RESERVED.counter` prices it into the\n          ladder, so hiding it at `md` was the ladder and a breakpoint\n          disagreeing about the same pixels — which broke the row at exactly\n          900px. It is dropped only as the ladder's last rung. */}\n      {!props.counterHidden && (\n        <>\n          <Text variant=\"caption\" as=\"span\">\n            <Box\n              component=\"span\"\n              data-testid={`${testIdPrefix}-counter`}\n              sx={{ whiteSpace: \"nowrap\" }}\n            >\n              {matchedCount} de {totalCount}\n            </Box>\n          </Text>\n          {/* Divides the READING of the list from the controls that change it —\n              the counter states what is on screen, everything right of here\n              acts on it. */}\n          <Divider\n            orientation=\"vertical\"\n            flexItem\n            sx={{ height: 20, alignSelf: \"center\", mx: 0.5 }}\n          />\n        </>\n      )}\n      {props.toolbarRightSlot}\n      {/* Sort + columns + format, in ONE control — see DataViewsDisplayPanel. */}\n      <DataViewsDisplayPanel\n        c={props.c}\n        testIdPrefix={testIdPrefix}\n        sortKinds={props.sortKinds}\n        view={props.displayView}\n        compact={props.compactControls}\n      />\n      {props.exportConfig && (\n        <DataViewsExportMenu\n          config={props.exportConfig}\n          query={props.c.currentQuery}\n          totalCount={props.totalCount}\n          selectedIds={[...props.c.selectedIds]}\n          columns={props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label }))}\n          testIdPrefix={testIdPrefix}\n          compact={props.compactControls}\n        />\n      )}\n      {props.showFilterTrigger !== false && (\n        <FilterTrigger\n          open={filterOpen}\n          onOpenChange={setFilterOpen}\n          activeCount={props.activeFilterCount}\n          data-testid={`${testIdPrefix}-filters-toggle`}\n        />\n      )}\n    </>\n  );\n}\n\n/**\n * The bordered toolbar band: selection chrome + Sort By, the result counter, the\n * saved-views slot, and the filter funnel. The negative margin lets the top/bottom\n * separators reach the sidebar's vertical line and the window edge.\n */\nexport function GridToolbar<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { testIdPrefix, selectedRows } = props;\n  return (\n    <Box\n      ref={props.barRef}\n      sx={{\n        borderTop: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n        py: 1.25,\n        mx: { xs: -2, md: -3 },\n        px: { xs: 2, md: 3 },\n      }}\n    >\n      <ContentToolbar\n        selectAllLabel={copy.selection.selectAll}\n        selectAllText={copy.selection.selectAllOnPage}\n        clearAllText={copy.filters.clearAll}\n        hasSelection={selectedRows.length > 0}\n        selectedCount={selectedRows.length}\n        selectAll={props.selectAll}\n        clearSelection={props.clearSelection}\n        selectAllTestId={`${testIdPrefix}-select-all`}\n        clearAllTestId={`${testIdPrefix}-clear-all`}\n        selectionExtra={props.selectionExtra}\n        actions={renderBulkActions({\n          rowActions: props.rowActions,\n          bulkActions: props.bulkActions,\n          selectedRows,\n          clearSelection: props.clearSelection,\n          testIdPrefix,\n        })}\n        leadingControls={props.filterControls}\n        // Selection takes the whole line: no Select All while browsing, and no\n        // search/filters/Exibir/Exportar once a row is ticked.\n        exclusiveSelection\n        rightControls={<ToolbarRightControls {...props} />}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,aAAa;AAiFZ,mBACE,KACE,YAFJ;AATR,SAAS,qBAAwD,OAA+C;AAC9G,QAAM,EAAE,cAAc,cAAc,YAAY,YAAY,cAAc,IAAI;AAC9E,SACE,iCAKG;AAAA,KAAC,MAAM,iBACN,iCACE;AAAA,0BAAC,QAAK,SAAQ,WAAU,IAAG,QACzB;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa,GAAG,YAAY;AAAA,UAC5B,IAAI,EAAE,YAAY,SAAS;AAAA,UAE1B;AAAA;AAAA,YAAa;AAAA,YAAK;AAAA;AAAA;AAAA,MACrB,GACF;AAAA,MAIA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAQ;AAAA,UACR,IAAI,EAAE,QAAQ,IAAI,WAAW,UAAU,IAAI,IAAI;AAAA;AAAA,MACjD;AAAA,OACF;AAAA,IAED,MAAM;AAAA,IAEP;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,MAAM;AAAA,QACT;AAAA,QACA,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IACC,MAAM,gBACL;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM,EAAE;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,aAAa,CAAC,GAAG,MAAM,EAAE,WAAW;AAAA,QACpC,SAAS,MAAM,cAAc,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,IAAI,OAAO,IAAI,MAAM,EAAE;AAAA,QACzG;AAAA,QACA,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IAED,MAAM,sBAAsB,SAC3B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa,MAAM;AAAA,QACnB,eAAa,GAAG,YAAY;AAAA;AAAA,IAC9B;AAAA,KAEJ;AAEJ;AAOO,SAAS,YAA+C,OAA+C;AAC5G,QAAM,OAAO,iBAAiB;AAC9B,QAAM,EAAE,cAAc,aAAa,IAAI;AACvC,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,IAAI;AAAA,QACF,WAAW;AAAA,QACX,cAAc;AAAA,QACd,aAAa;AAAA,QACb,IAAI;AAAA,QACJ,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,QACrB,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE;AAAA,MACrB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,KAAK,UAAU;AAAA,UAC/B,eAAe,KAAK,UAAU;AAAA,UAC9B,cAAc,KAAK,QAAQ;AAAA,UAC3B,cAAc,aAAa,SAAS;AAAA,UACpC,eAAe,aAAa;AAAA,UAC5B,WAAW,MAAM;AAAA,UACjB,gBAAgB,MAAM;AAAA,UACtB,iBAAiB,GAAG,YAAY;AAAA,UAChC,gBAAgB,GAAG,YAAY;AAAA,UAC/B,gBAAgB,MAAM;AAAA,UACtB,SAAS,kBAAkB;AAAA,YACzB,YAAY,MAAM;AAAA,YAClB,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,gBAAgB,MAAM;AAAA,YACtB;AAAA,UACF,CAAC;AAAA,UACD,iBAAiB,MAAM;AAAA,UAGvB,oBAAkB;AAAA,UAClB,eAAe,oBAAC,wBAAsB,GAAG,OAAO;AAAA;AAAA,MAClD;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/chunk-YU647YW4.js

@@ -1,79 +0,0 @@
-import {
-  FleetCanvas
-} from "./chunk-JYRQBZEV.js";
-import {
-  FleetRoster
-} from "./chunk-IFSUKWE7.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-YU647YW4.js.map

package/dist/chunk-YU647YW4.js.map

@@ -1 +0,0 @@
-{"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-Z35J5B6D.js

@@ -1,156 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  fieldHeight,
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-search.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import SearchIcon from "@mui/icons-material/Search";
-import IconButton from "@mui/material/IconButton/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SEARCH_DEBOUNCE_MS = 350;
-function boxWidth(fill) {
-  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? "none" : 384 };
-}
-function useKeywordDraft(value, onChange) {
-  const [draft, setDraft] = useState(value);
-  const prev = useRef(value);
-  if (prev.current !== value) {
-    prev.current = value;
-    if (draft !== value) setDraft(value);
-  }
-  const commit = useRef(onChange);
-  useEffect(() => {
-    commit.current = onChange;
-  });
-  useEffect(() => {
-    if (draft === value) return void 0;
-    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);
-    return () => clearTimeout(timer);
-  }, [draft, value]);
-  const commitNow = useCallback(
-    (typed) => {
-      setDraft(typed);
-      if (typed !== value) commit.current(typed);
-    },
-    [value]
-  );
-  return { draft, setDraft, commitNow };
-}
-function InlineKeyword({
-  value,
-  onChange,
-  testId,
-  autoFocus,
-  onEscape,
-  fill = false
-}) {
-  const copy = useDataViewsCopy();
-  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      value: draft,
-      autoFocus,
-      onChange: (event) => setDraft(event.target.value),
-      onKeyDown: (event) => {
-        if (event.key === "Escape") {
-          event.preventDefault();
-          if (draft === "") onEscape?.();
-          setDraft("");
-          return;
-        }
-        if (event.key !== "Enter") return;
-        event.preventDefault();
-        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);
-      },
-      placeholder: copy.search.placeholder,
-      inputProps: { "aria-label": copy.search.allColumnsLabel, "data-testid": testId },
-      InputProps: {
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: sxRem(16), color: "text.secondary" } }) }),
-        endAdornment: draft ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            "aria-label": copy.search.clear,
-            "data-testid": testId ? `${testId}-clear` : void 0,
-            onClick: () => setDraft(""),
-            sx: { p: 0.25 },
-            children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: sxRem(14) } })
-          }
-        ) }) : void 0
-      },
-      sx: (theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })
-    }
-  );
-}
-function CollapsedSearch({
-  active,
-  onOpen,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    IconButton,
-    {
-      size: "small",
-      onClick: onOpen,
-      "aria-label": copy.search.open,
-      "aria-expanded": false,
-      "data-testid": testId ? `${testId}-collapsed` : void 0,
-      sx: {
-        position: "relative",
-        width: fieldHeight,
-        height: fieldHeight,
-        border: 1,
-        borderRadius: fieldRadiusPx,
-        borderColor: (theme) => active ? theme.palette.primary.main : fieldEdge(theme),
-        color: active ? "primary.main" : "text.secondary",
-        bgcolor: active ? "action.selected" : "background.paper"
-      },
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: sxRem(18) } }),
-        active && /* @__PURE__ */ jsx(
-          default2,
-          {
-            component: "span",
-            sx: {
-              position: "absolute",
-              top: 2,
-              right: 2,
-              width: 6,
-              height: 6,
-              borderRadius: "50%",
-              bgcolor: "primary.main"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  InlineKeyword,
-  CollapsedSearch
-};
-//# sourceMappingURL=chunk-Z35J5B6D.js.map

package/dist/chunk-Z35J5B6D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight, fieldTextFieldStyles } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(fill: boolean): { flex: number; minWidth: number; maxWidth: number | \"none\" } {\n  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? \"none\" : 384 };\n}\n\n/**\n * The box's own draft, and the two ways it reaches `onChange`.\n *\n * Extracted from {@link InlineKeyword} so the commit policy reads in one place\n * rather than split across a render body — and because it is where both halves\n * of a defect that lost searches outright had to be fixed.\n *\n * ## The debounce must not be keyed on the handler's identity\n *\n * Every caller builds `onChange` inline — the grid's own bar passes\n * `(value) => c.patch({ search: value })`, rebuilt on each render. Keying the\n * effect on it re-armed the timer on every render, and a busy admin page\n * re-renders more often than every 350ms as its queries land, so the timer\n * never survived to fire and the term was NEVER committed: measured in one\n * adopter as a dead `?q=` on a server-mode grid, where a 15-second loop pressed\n * Enter over and over and the URL never moved. So the handler is read through a\n * ref and the effect depends on `[draft, value]` alone.\n *\n * ## An immediate commit must read the BOX, not the draft\n *\n * A keystroke can land before React has processed the edit before it — a fast\n * typist, and every Playwright `fill()` followed by `press('Enter')`. `draft` is\n * then still the value from before the edit, and comparing THAT to `value` said\n * \"nothing changed\" and dropped the keystroke, leaving the term on screen with\n * an unfiltered list behind it. `commitNow` takes what the caller read off the\n * element and syncs the draft to it, which also keeps the box from being reset\n * to a stale draft by the next render when a host ignores the commit.\n */\nfunction useKeywordDraft(\n  value: string,\n  onChange: (next: string) => void,\n): { draft: string; setDraft: (next: string) => void; commitNow: (typed: string) => void } {\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  const commit = useRef(onChange);\n  useEffect(() => {\n    commit.current = onChange;\n  });\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value]);\n  const commitNow = useCallback(\n    (typed: string) => {\n      setDraft(typed);\n      if (typed !== value) commit.current(typed);\n    },\n    [value],\n  );\n  return { draft, setDraft, commitNow };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        // The BOX, not `draft` — see {@link useKeywordDraft}.\n        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: sxRem(16), color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: sxRem(14) }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`). The\n      // corner is the theme's field radius, so the box matches the pills beside it.\n      sx={(theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        width: fieldHeight,\n        height: fieldHeight,\n        border: 1,\n        borderRadius: fieldRadiusPx,\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: sxRem(18) }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: 2,\n            right: 2,\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-ZHEZISMI.js

@@ -1,37 +0,0 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-ZWSS3K4F.js";
-import {
-  useDataViewsLayout
-} from "./chunk-4LQZH4PU.js";
-
-// src/components/data-display/DataViews/data-views-scope-tabs.tsx
-import { jsx } from "react/jsx-runtime";
-function ScopeTabsSlot({
-  scopes,
-  scopeFieldId,
-  board,
-  value,
-  onChange,
-  counts,
-  testIdPrefix
-}) {
-  const { layout } = useDataViewsLayout();
-  const boardOwnsThisPartition = layout === "board" && Boolean(scopeFieldId) && scopeFieldId === board?.groupBy;
-  if (boardOwnsThisPartition) return null;
-  return /* @__PURE__ */ jsx(
-    DataViewsScopeTabs,
-    {
-      scopes,
-      value,
-      onChange,
-      counts,
-      testIdPrefix
-    }
-  );
-}
-
-export {
-  ScopeTabsSlot
-};
-//# sourceMappingURL=chunk-ZHEZISMI.js.map

package/dist/chunk-ZMC3N23A.js

@@ -1,33 +0,0 @@
-import {
-  TextField
-} from "./chunk-TU3EGIKB.js";
-import {
-  SelectField
-} from "./chunk-EXZSHZRS.js";
-import {
-  CepField
-} from "./chunk-IWOVENC3.js";
-import {
-  CategoryField
-} from "./chunk-NE6XUN5Z.js";
-import {
-  ToggleField
-} from "./chunk-GXCOXJS3.js";
-import {
-  __export
-} from "./chunk-PZ5AY32C.js";
-
-// src/components/form/total-form/Fields/index.ts
-var Fields_exports = {};
-__export(Fields_exports, {
-  CategoryField: () => CategoryField,
-  CepField: () => CepField,
-  SelectField: () => SelectField,
-  TextField: () => TextField,
-  ToggleField: () => ToggleField
-});
-
-export {
-  Fields_exports
-};
-//# sourceMappingURL=chunk-ZMC3N23A.js.map