@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-V6FED3RS.js

@@ -1,196 +0,0 @@
-import {
-  Stepper
-} from "./chunk-UH27I2EJ.js";
-import {
-  EmptyState
-} from "./chunk-MZMGQKT3.js";
-
-// src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var OnboardingSteps = ({ steps, activeStepId, completedStepIds, dataTestId }) => {
-  if (!steps || steps.length === 0) return null;
-  const activeId = activeStepId ?? steps[0]?.id ?? "";
-  return /* @__PURE__ */ jsx(Box, { sx: { width: "100%", overflowX: "auto", pb: 1 }, children: /* @__PURE__ */ jsx(
-    Stepper,
-    {
-      steps,
-      activeId,
-      completed: new Set(completedStepIds ?? []),
-      size: "sm",
-      "data-testid": `${dataTestId}-steps`
-    }
-  ) });
-};
-var ConfiguredSummary = ({
-  configuredTitle,
-  title,
-  configuredSummary,
-  dataTestId,
-  expanded,
-  onToggle,
-  editLabel,
-  collapseLabel,
-  hasChildren
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      direction: { xs: "column", sm: "row" },
-      spacing: 2,
-      alignItems: { xs: "flex-start", sm: "center" },
-      "data-testid": `${dataTestId}-summary`,
-      children: [
-        /* @__PURE__ */ jsx(CheckCircle, { sx: { color: theme.palette.success.main }, "aria-hidden": true }),
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", component: "h3", fontWeight: "medium", children: configuredTitle ?? title }),
-          configuredSummary && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "div", children: configuredSummary })
-        ] }),
-        hasChildren && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            onClick: onToggle,
-            "aria-expanded": expanded,
-            "data-testid": `${dataTestId}-edit-toggle`,
-            children: expanded ? collapseLabel : editLabel
-          }
-        )
-      ]
-    }
-  );
-};
-var ConfiguredView = ({
-  title,
-  configuredTitle,
-  configuredSummary,
-  editLabel,
-  collapseLabel,
-  defaultExpanded = false,
-  children,
-  className,
-  dataTestId = "section-onboarding"
-}) => {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      "data-status": "configured",
-      sx: { p: 2, borderRadius: 1, border: 1, borderColor: "divider" },
-      children: [
-        /* @__PURE__ */ jsx(
-          ConfiguredSummary,
-          {
-            configuredTitle,
-            title,
-            configuredSummary,
-            dataTestId,
-            expanded,
-            onToggle: () => setExpanded((prev) => !prev),
-            editLabel,
-            collapseLabel,
-            hasChildren: Boolean(children)
-          }
-        ),
-        children && /* @__PURE__ */ jsx(Collapse, { in: expanded, unmountOnExit: true, children: /* @__PURE__ */ jsx(Box, { sx: { mt: 3 }, "data-testid": `${dataTestId}-content`, children }) })
-      ]
-    }
-  );
-};
-var InProgressView = ({
-  steps,
-  activeStepId,
-  completedStepIds,
-  children,
-  className,
-  statusAttr,
-  dataTestId = "section-onboarding"
-}) => /* @__PURE__ */ jsxs(Stack, { className, "data-testid": dataTestId, "data-status": statusAttr, spacing: 3, children: [
-  /* @__PURE__ */ jsx(
-    OnboardingSteps,
-    {
-      steps,
-      activeStepId,
-      completedStepIds,
-      dataTestId
-    }
-  ),
-  children && /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-content`, children })
-] });
-var HeroView = ({
-  title,
-  description,
-  illustration,
-  steps,
-  activeStepId,
-  completedStepIds,
-  primaryAction,
-  startLabel,
-  secondaryAction,
-  helpLink,
-  children,
-  className,
-  onStart,
-  dataTestId = "section-onboarding"
-}) => {
-  const heroPrimary = primaryAction ?? (children ? { label: startLabel, onClick: onStart } : void 0);
-  return /* @__PURE__ */ jsxs(Stack, { className, "data-testid": dataTestId, "data-status": "unconfigured", spacing: 1, children: [
-    /* @__PURE__ */ jsx(
-      OnboardingSteps,
-      {
-        steps,
-        activeStepId,
-        completedStepIds,
-        dataTestId
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        variant: illustration ? "illustrated" : "action",
-        title,
-        description,
-        illustration,
-        primaryAction: heroPrimary,
-        secondaryAction,
-        helpLink,
-        dataTestId: `${dataTestId}-hero`
-      }
-    )
-  ] });
-};
-var SectionOnboarding = (props) => {
-  const [started, setStarted] = React.useState(false);
-  if (props.status === "configured") {
-    return /* @__PURE__ */ jsx(ConfiguredView, { ...props });
-  }
-  if (props.status === "in-progress" || started) {
-    return /* @__PURE__ */ jsx(
-      InProgressView,
-      {
-        ...props,
-        statusAttr: props.status === "in-progress" ? "in-progress" : "started"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(HeroView, { ...props, onStart: () => setStarted(true) });
-};
-SectionOnboarding.displayName = "SectionOnboarding";
-var SectionOnboarding_default = SectionOnboarding;
-
-export {
-  SectionOnboarding,
-  SectionOnboarding_default
-};
-//# sourceMappingURL=chunk-V6FED3RS.js.map

package/dist/chunk-V6Z4XS3I.js

@@ -1,62 +0,0 @@
-import {
-  collectBranchIds,
-  collectLeafIds
-} from "./chunk-PN4HVM43.js";
-
-// src/components/form/CategorySelect/CategoryQuickActions.tsx
-import Box from "@mui/material/Box/index.js";
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var linkButtonSx = {
-  background: "none",
-  border: 0,
-  padding: 0,
-  font: "inherit",
-  fontSize: 12,
-  color: "primary.main",
-  cursor: "pointer",
-  fontWeight: 550,
-  "&:hover": { textDecoration: "underline" },
-  "&:disabled": { color: "text.disabled", cursor: "default", textDecoration: "none" }
-};
-function CategoryQuickActions({
-  state,
-  dataTestId,
-  copy
-}) {
-  const allLeafIds = useMemo(() => collectLeafIds(state.allGroups), [state.allGroups]);
-  const everythingPicked = allLeafIds.length > 0 && state.draft.size >= allLeafIds.length;
-  const branchIds = useMemo(() => collectBranchIds(state.allGroups), [state.allGroups]);
-  const allExpanded = branchIds.length > 0 && branchIds.every((id) => state.isExpanded(id));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "button",
-        type: "button",
-        disabled: allLeafIds.length === 0,
-        "data-testid": `${dataTestId}-select-all`,
-        sx: linkButtonSx,
-        onClick: () => state.setDraft(everythingPicked ? /* @__PURE__ */ new Set() : new Set(allLeafIds)),
-        children: everythingPicked ? copy.deselectAll : copy.selectAll
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "divider" }, children: "\xB7" }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "button",
-        type: "button",
-        "data-testid": `${dataTestId}-expand-all`,
-        sx: linkButtonSx,
-        onClick: () => state.setAllExpanded(!allExpanded),
-        children: allExpanded ? copy.collapseAll : copy.expandAll
-      }
-    )
-  ] });
-}
-
-export {
-  CategoryQuickActions
-};
-//# sourceMappingURL=chunk-V6Z4XS3I.js.map

package/dist/chunk-V6Z4XS3I.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryQuickActions.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { useMemo } from 'react';\n\nimport type { CategorySelectCopy } from '../../../copy';\n\nimport { collectBranchIds, collectLeafIds } from './category-tree';\nimport type { CategorySelectState } from './useCategorySelect';\n\n/** The panel's text-button treatment. */\nconst linkButtonSx = {\n  background: 'none',\n  border: 0,\n  padding: 0,\n  font: 'inherit',\n  fontSize: 12,\n  color: 'primary.main',\n  cursor: 'pointer',\n  fontWeight: 550,\n  '&:hover': { textDecoration: 'underline' },\n  '&:disabled': { color: 'text.disabled', cursor: 'default', textDecoration: 'none' },\n} as const;\n\n/**\n * Bulk actions for multi-select: mark everything, and fold everything.\n *\n * Both labels flip to their inverse once the action is spent (\"Desmarcar tudo\",\n * \"Recolher tudo\"), so the control always says what pressing it will do rather\n * than what state the list is in.\n */\nexport function CategoryQuickActions({\n  state,\n  dataTestId,\n  copy,\n}: {\n  state: CategorySelectState;\n  dataTestId: string;\n  /** The words this control renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  const allLeafIds = useMemo(() => collectLeafIds(state.allGroups), [state.allGroups]);\n  const everythingPicked = allLeafIds.length > 0 && state.draft.size >= allLeafIds.length;\n  // Measured over every foldable node at every depth: on a deep tree the top\n  // storey can be open while the items under it are not, and a label reading\n  // \"Recolher tudo\" there would be describing a state the list is not in.\n  const branchIds = useMemo(() => collectBranchIds(state.allGroups), [state.allGroups]);\n  const allExpanded = branchIds.length > 0 && branchIds.every((id) => state.isExpanded(id));\n\n  return (\n    <>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        disabled={allLeafIds.length === 0}\n        data-testid={`${dataTestId}-select-all`}\n        sx={linkButtonSx}\n        onClick={() => state.setDraft(everythingPicked ? new Set() : new Set(allLeafIds))}\n      >\n        {everythingPicked ? copy.deselectAll : copy.selectAll}\n      </Box>\n      <Box component=\"span\" sx={{ color: 'divider' }}>\n        ·\n      </Box>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        data-testid={`${dataTestId}-expand-all`}\n        sx={linkButtonSx}\n        onClick={() => state.setAllExpanded(!allExpanded)}\n      >\n        {allExpanded ? copy.collapseAll : copy.expandAll}\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;;;AAEA,OAAO,SAAS;AAChB,SAAS,eAAe;AA+CpB,mBACE,KADF;AAvCJ,IAAM,eAAe;AAAA,EACnB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW,EAAE,gBAAgB,YAAY;AAAA,EACzC,cAAc,EAAE,OAAO,iBAAiB,QAAQ,WAAW,gBAAgB,OAAO;AACpF;AASO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,QAAM,aAAa,QAAQ,MAAM,eAAe,MAAM,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC;AACnF,QAAM,mBAAmB,WAAW,SAAS,KAAK,MAAM,MAAM,QAAQ,WAAW;AAIjF,QAAM,YAAY,QAAQ,MAAM,iBAAiB,MAAM,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC;AACpF,QAAM,cAAc,UAAU,SAAS,KAAK,UAAU,MAAM,CAAC,OAAO,MAAM,WAAW,EAAE,CAAC;AAExF,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU,WAAW,WAAW;AAAA,QAChC,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI;AAAA,QACJ,SAAS,MAAM,MAAM,SAAS,mBAAmB,oBAAI,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC;AAAA,QAE/E,6BAAmB,KAAK,cAAc,KAAK;AAAA;AAAA,IAC9C;AAAA,IACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,OAAO,UAAU,GAAG,kBAEhD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI;AAAA,QACJ,SAAS,MAAM,MAAM,eAAe,CAAC,WAAW;AAAA,QAE/C,wBAAc,KAAK,cAAc,KAAK;AAAA;AAAA,IACzC;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-VDZQJBAV.js

@@ -1,117 +0,0 @@
-import {
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-
-// src/components/data-display/DataViews/data-views-day-input.tsx
-import TextField from "@mui/material/TextField/index.js";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var SEGMENT_WIDTH = { year: 4, month: 2, day: 2 };
-function segmentsOf(mask) {
-  const tokens = mask.split(/[^A-Za-z]+/).filter(Boolean);
-  if (tokens.length !== 3) return ["day", "month", "year"];
-  const segments = tokens.map((token) => {
-    const head = token.slice(0, 1).toLowerCase();
-    if (head === "y" || head === "a") return "year";
-    return head === "m" ? "month" : "day";
-  });
-  return new Set(segments).size === 3 ? segments : ["day", "month", "year"];
-}
-var separatorOf = (mask) => mask.replace(/[A-Za-z]/g, "").slice(0, 1) || "/";
-function isoToMasked(iso, mask) {
-  const parts = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
-  if (!parts) return "";
-  const value = {
-    year: parts[1],
-    month: parts[2],
-    day: parts[3]
-  };
-  return segmentsOf(mask).map((segment) => value[segment]).join(separatorOf(mask));
-}
-function maskedToIso(text, mask) {
-  const segments = segmentsOf(mask);
-  const digits = text.replace(/\D/g, "");
-  if (digits.length !== 8) return "";
-  const value = {};
-  let cursor = 0;
-  for (const segment of segments) {
-    value[segment] = digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]);
-    cursor += SEGMENT_WIDTH[segment];
-  }
-  const year = Number(value.year);
-  const month = Number(value.month);
-  const day = Number(value.day);
-  if (year < 1e3) return "";
-  const probe = new Date(Date.UTC(year, month - 1, day));
-  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return "";
-  return `${value.year}-${value.month}-${value.day}`;
-}
-function maskDate(raw, mask) {
-  const segments = segmentsOf(mask);
-  const separator = separatorOf(mask);
-  const digits = raw.replace(/\D/g, "").slice(0, 8);
-  const out = [];
-  let cursor = 0;
-  for (const segment of segments) {
-    if (cursor >= digits.length) break;
-    out.push(digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]));
-    cursor += SEGMENT_WIDTH[segment];
-  }
-  return out.join(separator);
-}
-function dayInputProps(testId, describedBy) {
-  return {
-    "data-testid": testId,
-    maxLength: 10,
-    inputMode: "numeric",
-    autoComplete: "off",
-    ...describedBy ? { "aria-describedby": describedBy } : {}
-  };
-}
-function DayBoundInput({
-  label,
-  value,
-  onChange,
-  testId,
-  error = false,
-  describedBy,
-  mask
-}) {
-  const applied = value ?? "";
-  const [text, setText] = useState(() => isoToMasked(applied, mask));
-  useEffect(() => {
-    setText(
-      (current) => maskedToIso(current, mask) === applied ? current : isoToMasked(applied, mask)
-    );
-  }, [applied, mask]);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      type: "text",
-      label,
-      error,
-      placeholder: mask,
-      value: text,
-      onChange: (event) => {
-        const next = maskDate(event.target.value, mask);
-        setText(next);
-        if (next === "") return onChange(void 0);
-        const iso = maskedToIso(next, mask);
-        if (iso) onChange(iso);
-      },
-      onBlur: () => setText(isoToMasked(applied, mask)),
-      InputLabelProps: { shrink: true },
-      inputProps: dayInputProps(testId, describedBy),
-      sx: [{ width: 165 }, fieldTextFieldStyles]
-    }
-  );
-}
-
-export {
-  isoToMasked,
-  maskedToIso,
-  maskDate,
-  DayBoundInput
-};
-//# sourceMappingURL=chunk-VDZQJBAV.js.map

package/dist/chunk-VDZQJBAV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n\n/**\n * THE MASK IS THE ORDER, and both halves of this file read it.\n *\n * The placeholder a host supplies (`copy.filters.dayMask` — `dd/mm/aaaa` for\n * pt-BR, `mm/dd/yyyy` for en-US) is not decoration: it tells the reader which\n * segment comes first. Everything below therefore derives the segment order\n * FROM that same string, so the shape on screen and the shape the parser\n * expects cannot disagree.\n *\n * They did disagree, and the failure was silent in the worst direction. The\n * mask/parse pair was hardcoded day-first (the `Br` in the old names was\n * accurate) while the placeholder followed the copy pack — so under `en-US` the\n * field ASKED for `mm/dd/yyyy`, and a reader who typed exactly that got a day\n * of 12 and a month of 31, which is not a date, which commits nothing. No\n * error, no filter, a full list that reads like an answer. The en-US pack's own\n * comment already said the mask \"is the shape that gets a date entered\n * backwards\"; nothing enforced it.\n */\n\n/** What one segment of a mask is, and how many digits it takes. */\ntype DaySegment = 'year' | 'month' | 'day';\nconst SEGMENT_WIDTH: Readonly<Record<DaySegment, number>> = { year: 4, month: 2, day: 2 };\n\n/**\n * The segments a mask asks for, in its own order.\n *\n * Keyed on each token's FIRST letter so one rule covers every spelling a host\n * might use — `aaaa`/`yyyy` for the year, `mm` for the month, `dd`/`tt` for the\n * day. An unreadable mask falls back to day-first rather than throwing: this\n * runs on every keystroke, and a field that renders is recoverable where one\n * that crashes the grid is not.\n */\nfunction segmentsOf(mask: string): readonly DaySegment[] {\n  const tokens = mask.split(/[^A-Za-z]+/).filter(Boolean);\n  if (tokens.length !== 3) return ['day', 'month', 'year'];\n  const segments = tokens.map((token): DaySegment => {\n    const head = token.slice(0, 1).toLowerCase();\n    if (head === 'y' || head === 'a') return 'year';\n    return head === 'm' ? 'month' : 'day';\n  });\n  // A mask naming the same segment twice describes no date. Fall back rather\n  // than build a parser that can never succeed.\n  return new Set(segments).size === 3 ? segments : ['day', 'month', 'year'];\n}\n\n/** The separator the mask uses, defaulting to `/`. */\nconst separatorOf = (mask: string): string => mask.replace(/[A-Za-z]/g, '').slice(0, 1) || '/';\n\n/** `AAAA-MM-DD` (the wire) → the mask's own order (what the reader sees). */\nexport function isoToMasked(iso: string, mask: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!parts) return '';\n  const value: Record<DaySegment, string> = {\n    year: parts[1] as string,\n    month: parts[2] as string,\n    day: parts[3] as string,\n  };\n  return segmentsOf(mask)\n    .map((segment) => value[segment])\n    .join(separatorOf(mask));\n}\n\n/**\n * The mask's order → `AAAA-MM-DD`, but ONLY for a day that exists.\n *\n * `31/02/2026` parses fine as three numbers and is not a date, and `Date` would\n * silently roll it into March rather than reject it — so the round trip through\n * UTC is the check: if the month or day comes back changed, the input was not a\n * day.\n */\nexport function maskedToIso(text: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const digits = text.replace(/\\D/g, '');\n  if (digits.length !== 8) return '';\n  const value = {} as Record<DaySegment, string>;\n  let cursor = 0;\n  for (const segment of segments) {\n    value[segment] = digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]);\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  const year = Number(value.year);\n  const month = Number(value.month);\n  const day = Number(value.day);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${value.year}-${value.month}-${value.day}`;\n}\n\n/**\n * Digits only, capped at the mask's width, with the separators put back as you\n * type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits of `dd/mm/aaaa` render as\n * `06/08`, not `06/08/`, so deleting the first digit of the year removes the\n * trailing separator with it instead of leaving a dead keystroke that changes\n * nothing.\n */\nexport function maskDate(raw: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const separator = separatorOf(mask);\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  const out: string[] = [];\n  let cursor = 0;\n  for (const segment of segments) {\n    if (cursor >= digits.length) break;\n    out.push(digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]));\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  return out.join(separator);\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: string | undefined) {\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(describedBy ? { 'aria-describedby': describedBy } : {}),\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n  mask,\n}: {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n  /**\n   * The day mask, which IS the placeholder — so the expected ORDER is on\n   * screen before the first keystroke rather than discovered by getting it\n   * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.\n   *\n   * A PROP rather than a context read: this field has two callers, and only\n   * one of them is inside DataViews. `DateRangePicker` mounts it standalone\n   * with its own message table, so a context read here throws for every host\n   * of that picker — which is exactly what it did.\n   */\n  mask: string;\n}): React.JSX.Element {\n  const applied = value ?? '';\n  const [text, setText] = useState(() => isoToMasked(applied, mask));\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  useEffect(() => {\n    setText((current) =>\n      maskedToIso(current, mask) === applied ? current : isoToMasked(applied, mask),\n    );\n  }, [applied, mask]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      error={error}\n      placeholder={mask}\n      value={text}\n      onChange={(event) => {\n        const next = maskDate(event.target.value, mask);\n        setText(next);\n        // Emptying clears the bound. A COMPLETE day applies it. A partial one\n        // does NEITHER — it leaves whatever is applied alone, so typing is never\n        // fought and a half-typed year never reaches the backend.\n        if (next === '') return onChange(undefined);\n        const iso = maskedToIso(next, mask);\n        if (iso) onChange(iso);\n      }}\n      // Leaving a half-typed (or impossible) date on screen would show a filter\n      // the list is not actually using. On blur the field snaps back to what IS\n      // applied; a complete date already equals it, so this only ever tidies.\n      onBlur={() => setText(isoToMasked(applied, mask))}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, describedBy)}\n      sx={[{ width: 165 }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-VLVMJDGD.js

@@ -1,190 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/DataViewsBoard.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_EXTRA_LABEL = "Sem etapa";
-function groupValueOf(row, groupBy) {
-  const value = row[groupBy];
-  return value === null || value === void 0 ? "" : String(value);
-}
-function groupRows(rows, board) {
-  const declared = new Map(board.groups.map((group) => [group.value, []]));
-  const extra = [];
-  for (const row of rows) {
-    const bucket = declared.get(groupValueOf(row, board.groupBy));
-    if (bucket) bucket.push(row);
-    else extra.push(row);
-  }
-  const columns = board.groups.map((group) => ({
-    key: group.value,
-    label: group.label,
-    tone: group.tone,
-    rows: declared.get(group.value) ?? []
-  }));
-  if (extra.length > 0) {
-    columns.push({ key: "__extra__", label: board.extraLabel ?? DEFAULT_EXTRA_LABEL, rows: extra });
-  }
-  return columns;
-}
-function sumOf(rows, sumBy) {
-  if (!sumBy) return null;
-  return rows.reduce((total, row) => {
-    const value = row[sumBy];
-    return typeof value === "number" && Number.isFinite(value) ? total + value : total;
-  }, 0);
-}
-function toneColor(tone) {
-  const known = ["primary", "secondary", "success", "warning", "error", "info"];
-  return tone && known.includes(tone) ? `${tone}.main` : "divider";
-}
-function BoardColumnHeader({
-  label,
-  count,
-  sum,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 1 }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: label }) }),
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
-        default2,
-        {
-          component: "span",
-          "data-testid": `${testId}-count`,
-          "aria-label": copy.board.countOnPage(label, count),
-          sx: { color: "text.secondary", whiteSpace: "nowrap" },
-          children: copy.board.onThisPage(count)
-        }
-      ) })
-    ] }),
-    sum !== null && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "span",
-        "data-testid": `${testId}-sum`,
-        "aria-label": copy.board.pageSum(sum),
-        sx: { color: "text.secondary" },
-        children: sum
-      }
-    ) })
-  ] });
-}
-function BoardColumn({
-  column,
-  board,
-  getRowId,
-  renderCard,
-  selectedIds,
-  onToggleId,
-  cardScale,
-  width,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  const total = sumOf(column.rows, board.sumBy);
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": testId,
-      sx: {
-        flex: `0 0 ${width}px`,
-        minWidth: width,
-        display: "flex",
-        flexDirection: "column",
-        gap: 1,
-        borderTop: 3,
-        borderStyle: "solid",
-        borderColor: toneColor(column.tone),
-        borderRadius: 1,
-        bgcolor: "action.hover",
-        p: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          BoardColumnHeader,
-          {
-            label: column.label,
-            count: column.rows.length,
-            sum: total === null ? null : String(board.formatSum ? board.formatSum(total) : total),
-            testId
-          }
-        ),
-        column.rows.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-empty`, sx: { color: "text.disabled" }, children: copy.board.emptyColumn }) }) : column.rows.map((row) => {
-          const id = getRowId(row);
-          return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
-            selected: selectedIds.has(id),
-            onToggleSelect: () => onToggleId(id),
-            scale: cardScale
-          }) }, id);
-        })
-      ]
-    }
-  );
-}
-var BASE_COLUMN_WIDTH = 240;
-var MIN_COLUMN_WIDTH = 220;
-function DataViewsBoard({
-  rows,
-  board,
-  getRowId,
-  renderCard,
-  selectedIds,
-  onToggleId,
-  cardScale,
-  dataTestId
-}) {
-  const copy = useDataViewsCopy();
-  const columns = groupRows(rows, board);
-  const width = Math.max(MIN_COLUMN_WIDTH, Math.round(BASE_COLUMN_WIDTH * cardScale));
-  const testId = dataTestId ? `${dataTestId}-board` : "data-views-board";
-  return /* @__PURE__ */ jsxs(default2, { sx: { mt: 1.5 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-scale-note`, sx: { color: "text.secondary" }, children: copy.board.pageScopeNote }) }),
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        "data-testid": testId,
-        sx: {
-          mt: 1,
-          display: "flex",
-          alignItems: "flex-start",
-          gap: 1.5,
-          // The BOARD scrolls, not the page: without `maxWidth` the flex row
-          // widens its parent and the whole document scrolls sideways.
-          maxWidth: "100%",
-          overflowX: "auto",
-          pb: 1
-        },
-        children: columns.map((column) => /* @__PURE__ */ jsx(
-          BoardColumn,
-          {
-            column,
-            board,
-            getRowId,
-            renderCard,
-            selectedIds,
-            onToggleId,
-            cardScale,
-            width,
-            testId: `${testId}-column-${column.key}`
-          },
-          column.key
-        ))
-      }
-    )
-  ] });
-}
-
-export {
-  groupRows,
-  DataViewsBoard
-};
-//# sourceMappingURL=chunk-VLVMJDGD.js.map

package/dist/chunk-VLVMJDGD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsBoard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DataViewCardSelection } from \"./data-views-types\";\n\n/**\n * One column of the board — a single value of the grouping field, with the label\n * to print above it.\n *\n * `tone` is an opaque palette hint (e.g. `\"success\"`, `\"error\"`) the host picks\n * from its own state machine; the board only uses it to colour the column's\n * header accent, so an unknown tone degrades to the default rather than throwing.\n */\nexport interface BoardGroup {\n  value: string;\n  label: string;\n  tone?: string;\n}\n\n/**\n * The BOARD layout's configuration: the same page the table rendered, laid out\n * as columns of the entity's own card.\n *\n * The board earns its place when a page's buckets are STATES IN A STATE MACHINE\n * rather than arbitrary groupings — payments are exactly that shape. Derive\n * `groups` and the table's `scopes` from ONE state-machine definition: two\n * hand-maintained lists of the same states will drift, and the drift shows up as\n * a column the tabs do not have.\n */\nexport interface BoardConfig<T extends Record<string, unknown>> {\n  /** The row field whose value places a card in a column. */\n  groupBy: keyof T & string;\n  /** The columns, in DELIBERATE reading order — the board renders this order. */\n  groups: BoardGroup[];\n  /** Optional numeric row field summed per column (e.g. the amount in cents). */\n  sumBy?: keyof T & string;\n  /**\n   * Formats a column's total. The PAGE's own formatter, so the board prints\n   * money in the store's currency instead of inventing a second convention.\n   * Omitted ⇒ the raw sum.\n   */\n  formatSum?: (total: number) => string;\n  /** Header for the column collecting rows in states the front end does not declare. */\n  extraLabel?: string;\n}\n\n/** The default header for the catch-all column (see {@link groupRows}). */\nconst DEFAULT_EXTRA_LABEL = \"Sem etapa\";\n\n/** One resolved column: a declared group (or the catch-all) plus its loaded rows. */\ninterface ResolvedColumn<T> {\n  key: string;\n  label: string;\n  tone?: string;\n  rows: T[];\n}\n\n/** Read the grouping value off a row as a string (`null`/`undefined` ⇒ \"\"). */\nfunction groupValueOf<T extends Record<string, unknown>>(row: T, groupBy: string): string {\n  const value = row[groupBy];\n  return value === null || value === undefined ? \"\" : String(value);\n}\n\n/**\n * Place every loaded row into a column, in the DECLARED order, and collect the\n * leftovers into one extra column at the end.\n *\n * Nothing is ever dropped, and that is the point: a state added to the back end\n * before the front end knows about it must not make rows disappear. On a\n * payments board, a silently dropped row is money nobody can see. The extra\n * column only exists when something landed in it — once every row is placed it\n * is gone, so the common case shows exactly the declared columns.\n *\n * A declared group with no rows KEEPS its position: the order is a reading\n * order chosen by the host, not a ranking derived from the data.\n */\nexport function groupRows<T extends Record<string, unknown>>(\n  rows: T[],\n  board: BoardConfig<T>,\n): ResolvedColumn<T>[] {\n  const declared = new Map<string, T[]>(board.groups.map((group) => [group.value, []]));\n  const extra: T[] = [];\n  for (const row of rows) {\n    const bucket = declared.get(groupValueOf(row, board.groupBy));\n    if (bucket) bucket.push(row);\n    else extra.push(row);\n  }\n  const columns: ResolvedColumn<T>[] = board.groups.map((group) => ({\n    key: group.value,\n    label: group.label,\n    tone: group.tone,\n    rows: declared.get(group.value) ?? [],\n  }));\n  if (extra.length > 0) {\n    columns.push({ key: \"__extra__\", label: board.extraLabel ?? DEFAULT_EXTRA_LABEL, rows: extra });\n  }\n  return columns;\n}\n\n/** A column's total over the rows ON THIS PAGE, or null when nothing is summed. */\nfunction sumOf<T extends Record<string, unknown>>(rows: T[], sumBy: string | undefined): number | null {\n  if (!sumBy) return null;\n  return rows.reduce((total, row) => {\n    const value = row[sumBy];\n    return typeof value === \"number\" && Number.isFinite(value) ? total + value : total;\n  }, 0);\n}\n\n/** Map a `tone` hint onto a theme colour, defaulting for anything unrecognised. */\nfunction toneColor(tone: string | undefined): string {\n  const known = [\"primary\", \"secondary\", \"success\", \"warning\", \"error\", \"info\"];\n  return tone && known.includes(tone) ? `${tone}.main` : \"divider\";\n}\n\n/**\n * A column's heading: the label, the page count and the optional sum.\n *\n * The count is labelled \"nesta página\" EVERYWHERE it appears, including in its\n * accessible name. The scope tabs above the board show whole-query totals from\n * the server; an unlabelled column count would contradict them the moment there\n * is a second page, and the reader has no way to tell which number to believe.\n */\nfunction BoardColumnHeader({\n  label,\n  count,\n  sum,\n  testId,\n}: {\n  label: string;\n  count: number;\n  /** The formatted total, or null when the board sums nothing. */\n  sum: string | null;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.25 }}>\n      <Box sx={{ display: \"flex\", alignItems: \"baseline\", justifyContent: \"space-between\", gap: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ fontWeight: 600 }}>\n            {label}\n          </Box>\n        </Text>\n        <Text variant=\"caption\" as=\"span\">\n          <Box\n            component=\"span\"\n            data-testid={`${testId}-count`}\n            aria-label={copy.board.countOnPage(label, count)}\n            sx={{ color: \"text.secondary\", whiteSpace: \"nowrap\" }}\n          >\n            {copy.board.onThisPage(count)}\n          </Box>\n        </Text>\n      </Box>\n      {sum !== null && (\n        <Text variant=\"caption\" as=\"span\">\n          <Box\n            component=\"span\"\n            data-testid={`${testId}-sum`}\n            aria-label={copy.board.pageSum(sum)}\n            sx={{ color: \"text.secondary\" }}\n          >\n            {sum}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n\ninterface BoardColumnProps<T extends Record<string, unknown>> {\n  column: ResolvedColumn<T>;\n  board: BoardConfig<T>;\n  getRowId: (row: T) => string | number;\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  cardScale: number;\n  width: number;\n  testId: string;\n}\n\n/** One column: its header over a vertical stack of the entity's own cards. */\nfunction BoardColumn<T extends Record<string, unknown>>({\n  column,\n  board,\n  getRowId,\n  renderCard,\n  selectedIds,\n  onToggleId,\n  cardScale,\n  width,\n  testId,\n}: BoardColumnProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const total = sumOf(column.rows, board.sumBy);\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        flex: `0 0 ${width}px`,\n        minWidth: width,\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 1,\n        borderTop: 3,\n        borderStyle: \"solid\",\n        borderColor: toneColor(column.tone),\n        borderRadius: 1,\n        bgcolor: \"action.hover\",\n        p: 1,\n      }}\n    >\n      <BoardColumnHeader\n        label={column.label}\n        count={column.rows.length}\n        sum={total === null ? null : String(board.formatSum ? board.formatSum(total) : total)}\n        testId={testId}\n      />\n      {column.rows.length === 0 ? (\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" data-testid={`${testId}-empty`} sx={{ color: \"text.disabled\" }}>\n            {copy.board.emptyColumn}\n          </Box>\n        </Text>\n      ) : (\n        column.rows.map((row) => {\n          const id = getRowId(row);\n          return (\n            <Box key={id}>\n              {renderCard(row, {\n                selected: selectedIds.has(id),\n                onToggleSelect: () => onToggleId(id),\n                scale: cardScale,\n              })}\n            </Box>\n          );\n        })\n      )}\n    </Box>\n  );\n}\n\ninterface DataViewsBoardProps<T extends Record<string, unknown>> {\n  /** The LOADED page, verbatim. The board never filters, sorts or paginates. */\n  rows: T[];\n  board: BoardConfig<T>;\n  getRowId: (row: T) => string | number;\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** Card size multiplier from the toolbar zoom slider — the same knob as cards. */\n  cardScale: number;\n  dataTestId?: string;\n}\n\n/** The board's column width at scale 1; the zoom slider multiplies it. */\nconst BASE_COLUMN_WIDTH = 240;\n/** Never narrower than this, however far the zoom is wound down (touch targets). */\nconst MIN_COLUMN_WIDTH = 220;\n\n/**\n * The BOARD layout: the loaded page distributed into columns of the entity's own\n * card. A rendering, not a second source of truth — switching to it emits no\n * query, and it shows exactly the rows the table showed.\n *\n * The board scrolls HORIZONTALLY inside its own box rather than letting the page\n * scroll sideways, and its columns keep a usable width at every zoom, so a phone\n * gets a real board instead of six unreadable slivers.\n *\n * Cards are not draggable between columns. Dragging a payment from Recusado to\n * Pago is a domain transition with side effects, not a re-render: it needs the\n * allowed-transition set from the state machine plus a confirmation, and\n * `RowAction.isVisible` is the existing per-row guard to reuse when that lands.\n */\nexport function DataViewsBoard<T extends Record<string, unknown>>({\n  rows,\n  board,\n  getRowId,\n  renderCard,\n  selectedIds,\n  onToggleId,\n  cardScale,\n  dataTestId,\n}: DataViewsBoardProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const columns = groupRows(rows, board);\n  const width = Math.max(MIN_COLUMN_WIDTH, Math.round(BASE_COLUMN_WIDTH * cardScale));\n  const testId = dataTestId ? `${dataTestId}-board` : \"data-views-board\";\n  return (\n    <Box sx={{ mt: 1.5 }}>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" data-testid={`${testId}-scale-note`} sx={{ color: \"text.secondary\" }}>\n          {copy.board.pageScopeNote}\n        </Box>\n      </Text>\n      <Box\n        data-testid={testId}\n        sx={{\n          mt: 1,\n          display: \"flex\",\n          alignItems: \"flex-start\",\n          gap: 1.5,\n          // The BOARD scrolls, not the page: without `maxWidth` the flex row\n          // widens its parent and the whole document scrolls sideways.\n          maxWidth: \"100%\",\n          overflowX: \"auto\",\n          pb: 1,\n        }}\n      >\n        {columns.map((column) => (\n          <BoardColumn\n            key={column.key}\n            column={column}\n            board={board}\n            getRowId={getRowId}\n            renderCard={renderCard}\n            selectedIds={selectedIds}\n            onToggleId={onToggleId}\n            cardScale={cardScale}\n            width={width}\n            testId={`${testId}-column-${column.key}`}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}