@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-TZASFX6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxControls.tsx"],"sourcesContent":["import PrevIcon from '@mui/icons-material/ChevronLeft';\nimport NextIcon from '@mui/icons-material/ChevronRight';\nimport CloseIcon from '@mui/icons-material/Close';\nimport PauseIcon from '@mui/icons-material/Pause';\nimport PlayIcon from '@mui/icons-material/PlayArrow';\nimport ResetZoomIcon from '@mui/icons-material/RestartAlt';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { navButtonSx, OVERLAY_Z_INDEX, overlayButtonSx } from './Lightbox.constants';\nimport { useLightboxCopy } from './lightbox-copy-context';\nimport { sxRem } from '../../../tokens/relative';\n\ntype TestId = (suffix: string) => string;\n\nexport const LightboxCloseButton: FC<{ testId: TestId; onClose: () => void }> = ({\n  testId,\n  onClose,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onClose}\n    sx={{ ...overlayButtonSx, position: 'absolute', top: sxRem(16), right: sxRem(16), zIndex: OVERLAY_Z_INDEX }}\n    aria-label={copy.close}\n    data-testid={testId('close')}\n  >\n    <CloseIcon />\n  </IconButton>\n  );\n};\n\nconst arrowSx = (side: 'left' | 'right') =>\n  ({\n    ...navButtonSx,\n    position: 'absolute',\n    [side]: sxRem(16),\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: OVERLAY_Z_INDEX,\n  }) as const;\n\nexport interface LightboxNavButtonsProps {\n  testId: TestId;\n  atStart: boolean;\n  atEnd: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n}\n\nexport const LightboxNavButtons: FC<LightboxNavButtonsProps> = ({\n  testId,\n  atStart,\n  atEnd,\n  onPrev,\n  onNext,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <>\n    <IconButton\n      onClick={onPrev}\n      disabled={atStart}\n      sx={arrowSx('left')}\n      aria-label={copy.previous}\n      data-testid={testId('prev')}\n    >\n      <PrevIcon />\n    </IconButton>\n\n    <IconButton\n      onClick={onNext}\n      disabled={atEnd}\n      sx={arrowSx('right')}\n      aria-label={copy.next}\n      data-testid={testId('next')}\n    >\n      <NextIcon />\n    </IconButton>\n  </>\n  );\n};\n\nexport interface LightboxZoomControlsProps {\n  testId: TestId;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onResetZoom: () => void;\n}\n\nexport const LightboxZoomControls: FC<LightboxZoomControlsProps> = ({\n  testId,\n  onZoomIn,\n  onZoomOut,\n  onResetZoom,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: sxRem(16),\n      left: sxRem(16),\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 1,\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    data-testid={testId('zoom-controls')}\n  >\n    <IconButton onClick={onZoomIn} sx={overlayButtonSx} aria-label={copy.zoomIn} data-testid={testId('zoom-in')}>\n      <ZoomInIcon />\n    </IconButton>\n    <IconButton\n      onClick={onZoomOut}\n      sx={overlayButtonSx}\n      aria-label={copy.zoomOut}\n      data-testid={testId('zoom-out')}\n    >\n      <ZoomOutIcon />\n    </IconButton>\n    <IconButton\n      onClick={onResetZoom}\n      sx={overlayButtonSx}\n      aria-label={copy.resetZoom}\n      data-testid={testId('zoom-reset')}\n    >\n      <ResetZoomIcon />\n    </IconButton>\n  </Box>\n  );\n};\n\nexport interface LightboxAutoplayButtonProps {\n  testId: TestId;\n  isAutoPlaying: boolean;\n  onToggle: () => void;\n}\n\nexport const LightboxAutoplayButton: FC<LightboxAutoplayButtonProps> = ({\n  testId,\n  isAutoPlaying,\n  onToggle,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onToggle}\n    sx={{\n      ...overlayButtonSx,\n      position: 'absolute',\n      top: sxRem(16),\n      left: '50%',\n      transform: 'translateX(-50%)',\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    aria-label={isAutoPlaying ? copy.pause : copy.play}\n    data-testid={testId('autoplay')}\n  >\n    {isAutoPlaying ? <PauseIcon /> : <PlayIcon />}\n  </IconButton>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-U4QUDFPJ.js

@@ -0,0 +1,46 @@
+import {
+  ConfirmActionDialog
+} from "./chunk-BJZOBG24.js";
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
+
+// src/components/data-display/CardKit/use-row-confirm.tsx
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function useRowConfirm({
+  write,
+  describe,
+  dataTestId,
+  errorText,
+  copy
+}) {
+  const [target, setTarget] = useState(null);
+  const state = useConfirmAction(async () => {
+    if (!target) return;
+    await write(target);
+    setTarget(null);
+  }, errorText);
+  const request = (rows) => {
+    if (rows.length === 0) return;
+    setTarget(rows);
+    state.request();
+  };
+  return {
+    request,
+    dialog: target ? /* @__PURE__ */ jsx(
+      ConfirmActionDialog,
+      {
+        state,
+        copy,
+        ...describe(target),
+        dataTestId
+      }
+    ) : null
+  };
+}
+
+export {
+  useRowConfirm
+};
+//# sourceMappingURL=chunk-U4QUDFPJ.js.map

package/dist/chunk-UAVSBSV5.js

@@ -0,0 +1,109 @@
+import {
+  NOTICE_ACTION_GAP_UNITS,
+  NOTICE_STEPS_INDENT_UNITS,
+  NOTICE_STEP_GAP_UNITS
+} from "./chunk-55FFONIV.js";
+import {
+  NOTICE_VARIANT
+} from "./chunk-L7BRU4UF.js";
+import {
+  Alert
+} from "./chunk-AUHYR7ID.js";
+import {
+  Button
+} from "./chunk-2EAAWOZ2.js";
+
+// src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_TEST_ID = "notification-status-notice";
+var EnableAction = ({
+  props,
+  testId
+}) => /* @__PURE__ */ jsx(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    variant: "solid",
+    color: "primary",
+    size: "sm",
+    loading: props.pending,
+    onClick: props.onEnable,
+    dataTestId: `${testId}-enable`,
+    children: props.enableLabel
+  }
+) });
+var BlockedSteps = ({
+  props,
+  testId
+}) => {
+  const [open, setOpen] = React.useState(props.defaultStepsOpen ?? false);
+  const listId = React.useId();
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        color: "primary",
+        size: "sm",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        onClick: () => setOpen((was) => !was),
+        dataTestId: `${testId}-steps-toggle`,
+        children: props.stepsToggleLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "ol",
+        id: listId,
+        hidden: !open,
+        "data-testid": `${testId}-steps`,
+        sx: {
+          m: 0,
+          mt: NOTICE_STEP_GAP_UNITS,
+          pl: NOTICE_STEPS_INDENT_UNITS,
+          display: open ? "flex" : "none",
+          flexDirection: "column",
+          gap: NOTICE_STEP_GAP_UNITS
+        },
+        children: props.steps.map((step, index) => /* @__PURE__ */ jsx(Typography, { component: "li", variant: "body2", children: step }, `${index}-${step}`))
+      }
+    )
+  ] });
+};
+var NoticeAction = ({
+  props,
+  testId
+}) => {
+  if (props.status === "disabled") return /* @__PURE__ */ jsx(EnableAction, { props, testId });
+  if (props.status === "blocked") return /* @__PURE__ */ jsx(BlockedSteps, { props, testId });
+  return null;
+};
+var NotificationStatusNotice = React.forwardRef((props, ref) => {
+  const testId = props.dataTestId ?? DEFAULT_TEST_ID;
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      ref,
+      variant: NOTICE_VARIANT[props.status],
+      title: props.title,
+      description: props.description,
+      announce: "polite",
+      showIcon: true,
+      "data-testid": testId,
+      "data-status": props.status,
+      className: props.className,
+      sx: props.sx,
+      children: /* @__PURE__ */ jsx(NoticeAction, { props, testId })
+    }
+  );
+});
+NotificationStatusNotice.displayName = "NotificationStatusNotice";
+
+export {
+  NotificationStatusNotice
+};
+//# sourceMappingURL=chunk-UAVSBSV5.js.map

package/dist/chunk-UZ6AUTE6.js

@@ -0,0 +1,139 @@
+import {
+  DataViewsDisplayPanel
+} from "./chunk-HNPWZ3W2.js";
+import {
+  DataViewsExportMenu
+} from "./chunk-BW62QQAG.js";
+import {
+  renderBulkActions
+} from "./chunk-75LOTMSN.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";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.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: sxRem(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-UZ6AUTE6.js.map

package/dist/chunk-UZ6AUTE6.js.map

@@ -0,0 +1 @@
+{"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\";\nimport { sxRem } from \"../../../tokens/relative\";\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: sxRem(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;AAkFZ,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,MAAM,EAAE,GAAG,WAAW,UAAU,IAAI,IAAI;AAAA;AAAA,MACxD;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-VIUDWOV6.js

@@ -0,0 +1,59 @@
+import {
+  MapControlBar
+} from "./chunk-VNOFFVRQ.js";
+import {
+  MapSearchBar
+} from "./chunk-WRCLYSTX.js";
+import {
+  HeatmapOverlay,
+  RouteOverlay
+} from "./chunk-ZZ4MMUBY.js";
+import {
+  HEATMAP_VIEWBOX
+} from "./chunk-H2J2MTRE.js";
+
+// src/components/data-display/MapPreview/MapLayers.tsx
+import { useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    settings.showHeatmap && settings.heatmapData.length > 0 && /* @__PURE__ */ jsx(
+      HeatmapOverlay,
+      {
+        points: settings.heatmapData,
+        viewBox: HEATMAP_VIEWBOX
+      }
+    ),
+    settings.showRoute && /* @__PURE__ */ jsx(RouteOverlay, { color: settings.routeColor || theme.palette.primary.main }),
+    settings.showSearch && /* @__PURE__ */ jsx(
+      MapSearchBar,
+      {
+        label: settings.copy.search,
+        value: search.searchValue,
+        placeholder: settings.searchPlaceholder,
+        isSearching: search.isSearching,
+        onChange: search.setSearchValue,
+        onSubmit: search.handleSearch
+      }
+    ),
+    settings.showControls && /* @__PURE__ */ jsx(
+      MapControlBar,
+      {
+        copy: settings.copy,
+        zoom,
+        mapType,
+        onZoomIn: controls.handleZoomIn,
+        onZoomOut: controls.handleZoomOut,
+        onCenter: controls.handleCenter,
+        onToggleMapType: controls.handleToggleMapType,
+        onToggleFullscreen: controls.handleToggleFullscreen
+      }
+    )
+  ] });
+};
+
+export {
+  MapLayers
+};
+//# sourceMappingURL=chunk-VIUDWOV6.js.map

package/dist/chunk-VIUDWOV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapLayers.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { HEATMAP_VIEWBOX } from './MapPreview.constants';\nimport type { ResolvedMapPreviewProps } from './MapPreview.helpers';\nimport type { MapType } from './MapPreview.types';\nimport { MapControlBar } from './MapControlBar';\nimport { HeatmapOverlay, RouteOverlay } from './MapOverlays';\nimport { MapSearchBar } from './MapSearchBar';\n\nexport interface MapLayersProps {\n  settings: ResolvedMapPreviewProps;\n  zoom: number;\n  mapType: MapType;\n  search: {\n    searchValue: string;\n    isSearching: boolean;\n    setSearchValue: (value: string) => void;\n    handleSearch: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  };\n  controls: {\n    handleZoomIn: () => void;\n    handleZoomOut: () => void;\n    handleCenter: () => void;\n    handleToggleMapType: () => void;\n    handleToggleFullscreen: () => void;\n  };\n}\n\n// Everything drawn over the map surface that is switched on by a prop.\nexport const MapLayers: FC<MapLayersProps> = ({ settings, zoom, mapType, search, controls }) => {\n  const theme = useTheme();\n\n  return (\n    <>\n      {settings.showHeatmap && settings.heatmapData.length > 0 && (\n        <HeatmapOverlay\n          points={settings.heatmapData}\n          viewBox={HEATMAP_VIEWBOX}\n        />\n      )}\n\n      {settings.showRoute && <RouteOverlay color={settings.routeColor || theme.palette.primary.main} />}\n\n      {settings.showSearch && (\n        <MapSearchBar\n          label={settings.copy.search}\n          value={search.searchValue}\n          placeholder={settings.searchPlaceholder}\n          isSearching={search.isSearching}\n          onChange={search.setSearchValue}\n          onSubmit={search.handleSearch}\n        />\n      )}\n\n      {settings.showControls && (\n        <MapControlBar\n          copy={settings.copy}\n          zoom={zoom}\n          mapType={mapType}\n          onZoomIn={controls.handleZoomIn}\n          onZoomOut={controls.handleZoomOut}\n          onCenter={controls.handleCenter}\n          onToggleMapType={controls.handleToggleMapType}\n          onToggleFullscreen={controls.handleToggleFullscreen}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmCrB,mBAEI,KAFJ;AAJG,IAAM,YAAgC,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ,SAAS,MAAM;AAC9F,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACG;AAAA,aAAS,eAAe,SAAS,YAAY,SAAS,KACrD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,SAAS;AAAA,QACjB,SAAS;AAAA;AAAA,IACX;AAAA,IAGD,SAAS,aAAa,oBAAC,gBAAa,OAAO,SAAS,cAAc,MAAM,QAAQ,QAAQ,MAAM;AAAA,IAE9F,SAAS,cACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,KAAK;AAAA,QACrB,OAAO,OAAO;AAAA,QACd,aAAa,SAAS;AAAA,QACtB,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA;AAAA,IACnB;AAAA,IAGD,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,oBAAoB,SAAS;AAAA;AAAA,IAC/B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-VNOFFVRQ.js

@@ -0,0 +1,113 @@
+import {
+  MAX_ZOOM,
+  MIN_ZOOM
+} from "./chunk-H2J2MTRE.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/MapPreview/MapControlBar.tsx
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import LayersIcon from "@mui/icons-material/Layers";
+import CenterIcon from "@mui/icons-material/MyLocation";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MapControls = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  right: theme.spacing(2),
+  zIndex: 1,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+var ControlButton = styled(IconButton)(({ theme }) => ({
+  background: alpha(theme.palette.background.paper, 0.95),
+  backdropFilter: `blur(${rem(theme, 10)})`,
+  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.shadows[2],
+  // Kept clickable while disabled so hover tooltips still work at the limits.
+  pointerEvents: "auto",
+  "&:hover": {
+    background: theme.palette.background.paper,
+    transform: "scale(1.05)"
+  },
+  "&:disabled": {
+    opacity: 0.5,
+    pointerEvents: "auto"
+  }
+}));
+var MapControlBar = ({
+  copy,
+  zoom,
+  mapType,
+  onZoomIn,
+  onZoomOut,
+  onCenter,
+  onToggleMapType,
+  onToggleFullscreen
+}) => /* @__PURE__ */ jsxs(MapControls, { "data-testid": "map-controls", children: [
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomIn, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onZoomIn,
+      "aria-label": copy.zoomIn,
+      "data-testid": "zoom-in-button",
+      disabled: zoom >= MAX_ZOOM,
+      children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomOut, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onZoomOut,
+      "aria-label": copy.zoomOut,
+      "data-testid": "zoom-out-button",
+      disabled: zoom <= MIN_ZOOM,
+      children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.center, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onCenter,
+      "aria-label": copy.center,
+      "data-testid": "center-button",
+      children: /* @__PURE__ */ jsx(CenterIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: `Map type: ${mapType}`, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onToggleMapType,
+      "aria-label": copy.mapType,
+      "data-testid": "map-type-button",
+      children: /* @__PURE__ */ jsx(LayersIcon, { fontSize: "small" })
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Tooltip, { title: copy.fullscreen, placement: "left", children: /* @__PURE__ */ jsx(
+    ControlButton,
+    {
+      size: "small",
+      onClick: onToggleFullscreen,
+      "aria-label": copy.fullscreen,
+      "data-testid": "fullscreen-button",
+      children: /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
+    }
+  ) })
+] });
+
+export {
+  MapControlBar
+};
+//# sourceMappingURL=chunk-VNOFFVRQ.js.map

package/dist/chunk-VNOFFVRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapControlBar.tsx"],"sourcesContent":["import FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport LayersIcon from '@mui/icons-material/Layers';\nimport CenterIcon from '@mui/icons-material/MyLocation';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MAX_ZOOM, MIN_ZOOM } from './MapPreview.constants';\nimport type { MapType } from './MapPreview.types';\nimport type { MapPreviewCopy } from '../../../copy';\nimport { rem } from '../../../tokens/relative';\n\n// Kept module-local: the inferred type of a styled() component cannot be named\n// across a module boundary here (TS2742).\nconst MapControls = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  right: theme.spacing(2),\n  zIndex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\nconst ControlButton = styled(IconButton)(({ theme }) => ({\n  background: alpha(theme.palette.background.paper, 0.95),\n  backdropFilter: `blur(${rem(theme, 10)})`,\n  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.shadows[2],\n  // Kept clickable while disabled so hover tooltips still work at the limits.\n  pointerEvents: 'auto',\n  '&:hover': {\n    background: theme.palette.background.paper,\n    transform: 'scale(1.05)',\n  },\n  '&:disabled': {\n    opacity: 0.5,\n    pointerEvents: 'auto',\n  },\n}));\n\nexport interface MapControlBarProps {\n  /**\n   * The six controls' names. Every one is a glyph with a `title` AND an\n   * `aria-label`, so this object is both the tooltip and what a screen reader\n   * reads — REQUIRED, because a default is one language for every adopter.\n   */\n  copy: MapPreviewCopy;\n  zoom: number;\n  mapType: MapType;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onCenter: () => void;\n  onToggleMapType: () => void;\n  onToggleFullscreen: () => void;\n}\n\nexport const MapControlBar: FC<MapControlBarProps> = ({\n  copy,\n  zoom,\n  mapType,\n  onZoomIn,\n  onZoomOut,\n  onCenter,\n  onToggleMapType,\n  onToggleFullscreen,\n}) => (\n  <MapControls data-testid=\"map-controls\">\n    <Tooltip title={copy.zoomIn} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomIn}\n        aria-label={copy.zoomIn}\n        data-testid=\"zoom-in-button\"\n        disabled={zoom >= MAX_ZOOM}\n      >\n        <ZoomInIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.zoomOut} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomOut}\n        aria-label={copy.zoomOut}\n        data-testid=\"zoom-out-button\"\n        disabled={zoom <= MIN_ZOOM}\n      >\n        <ZoomOutIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.center} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onCenter}\n        aria-label={copy.center}\n        data-testid=\"center-button\"\n      >\n        <CenterIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={`Map type: ${mapType}`} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleMapType}\n        aria-label={copy.mapType}\n        data-testid=\"map-type-button\"\n      >\n        <LayersIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.fullscreen} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleFullscreen}\n        aria-label={copy.fullscreen}\n        data-testid=\"fullscreen-button\"\n      >\n        <FullscreenIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n  </MapControls>\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,oBAAoB;AAC3B,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,aAAa;AACpB,SAAS,OAAO,cAAc;AAiE5B,SASM,KATN;AAtDF,IAAM,cAAc,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC9C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAO,MAAM,QAAQ,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,IAAM,gBAAgB,OAAO,UAAU,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACvD,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,EACtD,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EAC5C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACtD,WAAW,MAAM,QAAQ,CAAC;AAAA;AAAA,EAE1B,eAAe;AAAA,EACf,WAAW;AAAA,IACT,YAAY,MAAM,QAAQ,WAAW;AAAA,IACrC,WAAW;AAAA,EACb;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;AAkBK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC,eAAY,eAAY,gBACvB;AAAA,sBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MACZ,UAAU,QAAQ;AAAA,MAElB,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,SAAS,WAAU,QACtC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MACZ,UAAU,QAAQ;AAAA,MAElB,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,EAChC,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,aAAa,OAAO,IAAI,WAAU,QAChD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,EAC/B,GACF;AAAA,EACA,oBAAC,WAAQ,OAAO,KAAK,YAAY,WAAU,QACzC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK;AAAA,MACjB,eAAY;AAAA,MAEZ,8BAAC,kBAAe,UAAS,SAAQ;AAAA;AAAA,EACnC,GACF;AAAA,GACF;","names":[]}

package/dist/chunk-VT5HQ2AD.js

@@ -0,0 +1,72 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-L4UP5VYS.js";
+import {
+  default as default2
+} from "./chunk-WEBEOBN5.js";
+import {
+  Button
+} from "./chunk-2EAAWOZ2.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+
+// src/components/data-display/DataViews/DeleteViewDialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DeleteViewDialog({
+  view,
+  onClose,
+  onConfirm,
+  /** What this table holds, for the "your records are safe" line. */
+  entityLabel = "Os registros",
+  testIdPrefix = "view"
+}) {
+  const copy = useDataViewsCopy();
+  if (!view) return null;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: true,
+      onClose,
+      title: copy.deleteView.title,
+      size: "sm",
+      showCloseButton: true,
+      dataTestId: `${testIdPrefix}-delete-modal`,
+      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default2, { spacing: 1.5, children: [
+        /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", "data-testid": `${testIdPrefix}-delete-target`, children: copy.deleteView.target(view.name) }),
+        view.shared && /* @__PURE__ */ jsx(Text, { variant: "body", color: "warning", as: "p", "data-testid": `${testIdPrefix}-delete-shared`, children: copy.deleteView.sharedWarning }),
+        /* @__PURE__ */ jsx(Text, { variant: "body", color: "secondary", as: "p", children: copy.deleteView.rowsUnaffected(entityLabel) }),
+        /* @__PURE__ */ jsxs(default2, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end", pt: 0.5 }, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              color: "neutral",
+              onClick: onClose,
+              dataTestId: `${testIdPrefix}-delete-cancel`,
+              children: copy.deleteView.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "danger",
+              onClick: () => onConfirm(view),
+              dataTestId: `${testIdPrefix}-delete-confirm`,
+              children: copy.deleteView.confirm
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+}
+
+export {
+  DeleteViewDialog
+};
+//# sourceMappingURL=chunk-VT5HQ2AD.js.map