@stackcraftmx/calcita 0.23.0 → 0.26.0

package/dist/kanban/KanbanBoard.js

@@ -1,24 +1,184 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
+import Avatar from "@mui/material/Avatar";
+import AvatarGroup from "@mui/material/AvatarGroup";
 import Box from "@mui/material/Box";
 import Chip from "@mui/material/Chip";
+import IconButton from "@mui/material/IconButton";
 import Paper from "@mui/material/Paper";
 import Stack from "@mui/material/Stack";
+import TextField from "@mui/material/TextField";
+import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
+import AddRoundedIcon from "@mui/icons-material/AddRounded";
+import AttachFileRoundedIcon from "@mui/icons-material/AttachFileRounded";
+import ChatBubbleOutlineRoundedIcon from "@mui/icons-material/ChatBubbleOutlineRounded";
+import CheckBoxOutlinedIcon from "@mui/icons-material/CheckBoxOutlined";
+import CheckCircleRoundedIcon from "@mui/icons-material/CheckCircleRounded";
+import EventOutlinedIcon from "@mui/icons-material/EventOutlined";
+import KeyboardDoubleArrowLeftRoundedIcon from "@mui/icons-material/KeyboardDoubleArrowLeftRounded";
+import KeyboardDoubleArrowRightRoundedIcon from "@mui/icons-material/KeyboardDoubleArrowRightRounded";
+import RadioButtonUncheckedRoundedIcon from "@mui/icons-material/RadioButtonUncheckedRounded";
+import { initialsOf } from "../appShell/menuItemText.js";
+import { useFormatters } from "../toolkit/useFormatters.js";
+import { DUE_STATUS, todayIsoDateOf, dueStatusOf } from "./kanbanCards.js";
 import { cardsOfColumn, isOverLimit } from "./kanbanMoves.js";
 import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import ActionsMenu from "../ui/actions/ActionsMenu.js";
+import { tagOf } from "../ui/labels/tagOf.js";
 const COLUMN_MIN_WIDTH_PIXELS = 220;
 const EMPTY_COLUMN_MIN_HEIGHT = 96;
-function DefaultCard({ card }) {
+const MAX_VISIBLE_ASSIGNEES = 3;
+const ASSIGNEE_AVATAR_PIXELS = 24;
+const COLLAPSED_COLUMN_WIDTH_PIXELS = 52;
+const DUE_COLOR = Object.freeze({ [DUE_STATUS.overdue]: "error.main", [DUE_STATUS.today]: "warning.dark", [DUE_STATUS.upcoming]: "text.secondary" });
+function CompleteButton({ card, t, onComplete }) {
+  const label = card.completed ? t("reopen", { title: card.title }) : t("complete", { title: card.title });
+  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "small",
+      "aria-label": label,
+      "aria-pressed": Boolean(card.completed),
+      sx: { m: -0.5, color: card.completed ? "success.main" : "text.secondary" },
+      onClick: (event) => {
+        event.stopPropagation();
+        onComplete(card, !card.completed);
+      },
+      children: card.completed ? /* @__PURE__ */ jsx(CheckCircleRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(RadioButtonUncheckedRoundedIcon, { fontSize: "small" })
+    }
+  ) });
+}
+function DefaultCard({ card, t, today, onComplete }) {
+  const { formatDate } = useFormatters();
+  const dueStatus = card.completed && card.dueDate ? DUE_STATUS.upcoming : dueStatusOf(card.dueDate, today);
+  let dueText = "";
+  if (card.completed && card.dueDate) {
+    dueText = t("dueCompleted", { date: formatDate(card.dueDate) });
+  } else if (dueStatus === DUE_STATUS.overdue) {
+    dueText = t("dueOverdue", { date: formatDate(card.dueDate) });
+  } else if (dueStatus === DUE_STATUS.today) {
+    dueText = t("dueToday");
+  } else if (dueStatus) {
+    dueText = t("dueOn", { date: formatDate(card.dueDate) });
+  }
+  const hasFooter = dueStatus || card.checklist?.total > 0 || card.comments > 0 || card.attachments > 0 || card.assignees?.length > 0;
   return /* @__PURE__ */ jsxs(Stack, { spacing: 0.75, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "p", children: card.title }),
+    card.tags?.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: { flexWrap: "wrap" }, children: card.tags.map((rawTag) => {
+      const tag = tagOf(rawTag);
+      return /* @__PURE__ */ jsx(Chip, { label: tag.label, size: "small", color: tag.color, variant: tag.color === "default" ? "filled" : "outlined" }, tag.label);
+    }) }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "flex-start" }, children: [
+      onComplete && /* @__PURE__ */ jsx(CompleteButton, { card, t, onComplete }),
+      !onComplete && card.completed && /* @__PURE__ */ jsx(CheckCircleRoundedIcon, { fontSize: "small", sx: { color: "success.main" }, titleAccess: t("completed") }),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "p", sx: { color: card.completed ? "text.secondary" : void 0 }, children: card.title })
+    ] }),
     card.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: card.description }),
-    card.tags?.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: { flexWrap: "wrap" }, children: card.tags.map((tag) => /* @__PURE__ */ jsx(Chip, { label: tag, size: "small" }, tag)) })
+    hasFooter && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.25, useFlexGap: true, sx: { alignItems: "center", flexWrap: "wrap", color: "text.secondary" }, children: [
+      dueStatus && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, sx: { alignItems: "center", color: DUE_COLOR[dueStatus] }, children: [
+        /* @__PURE__ */ jsx(EventOutlinedIcon, { sx: { fontSize: 16 } }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { fontWeight: dueStatus === DUE_STATUS.upcoming ? 400 : 600 }, children: dueText })
+      ] }),
+      card.checklist?.total > 0 && /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          direction: "row",
+          spacing: 0.5,
+          sx: { alignItems: "center" },
+          "aria-label": t("checklist", { done: card.checklist.done, total: card.checklist.total }),
+          children: [
+            /* @__PURE__ */ jsx(CheckBoxOutlinedIcon, { sx: { fontSize: 16 } }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", "aria-hidden": "true", children: [
+              card.checklist.done,
+              "/",
+              card.checklist.total
+            ] })
+          ]
+        }
+      ),
+      card.comments > 0 && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, sx: { alignItems: "center" }, "aria-label": t("comments", { count: card.comments }), children: [
+        /* @__PURE__ */ jsx(ChatBubbleOutlineRoundedIcon, { sx: { fontSize: 16 } }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", "aria-hidden": "true", children: card.comments })
+      ] }),
+      card.attachments > 0 && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, sx: { alignItems: "center" }, "aria-label": t("attachments", { count: card.attachments }), children: [
+        /* @__PURE__ */ jsx(AttachFileRoundedIcon, { sx: { fontSize: 16 } }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", "aria-hidden": "true", children: card.attachments })
+      ] }),
+      card.assignees?.length > 0 && /* @__PURE__ */ jsx(
+        AvatarGroup,
+        {
+          max: MAX_VISIBLE_ASSIGNEES,
+          sx: { ml: "auto", "& .MuiAvatar-root": { width: ASSIGNEE_AVATAR_PIXELS, height: ASSIGNEE_AVATAR_PIXELS, fontSize: 11 } },
+          "aria-label": t("assignees", { names: card.assignees.map((person) => person.name).join(", ") }),
+          children: card.assignees.map((person) => /* @__PURE__ */ jsx(Tooltip, { title: person.name, children: /* @__PURE__ */ jsx(Avatar, { alt: person.name, src: person.avatarUrl, children: initialsOf(person.name) }) }, person.id))
+        }
+      )
+    ] })
   ] });
 }
-function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabel }) {
-  const { t } = useToolkitTranslation("kanban");
+function QuickAdd({ columnTitle, onAdd, onClose, t }) {
+  const [title, setTitle] = useState("");
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      fullWidth: true,
+      autoFocus: true,
+      multiline: true,
+      maxRows: 4,
+      value: title,
+      placeholder: t("addCardPlaceholder"),
+      slotProps: { htmlInput: { "aria-label": t("addCard", { column: columnTitle }) } },
+      onChange: (event) => setTitle(event.target.value),
+      onBlur: () => !title.trim() && onClose(),
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          onClose();
+        }
+        if (event.key === "Enter" && !event.shiftKey) {
+          event.preventDefault();
+          if (title.trim()) {
+            onAdd(title.trim());
+            setTitle("");
+          }
+        }
+      }
+    }
+  );
+}
+function KanbanBoard({
+  columns,
+  cards,
+  onMove,
+  renderCard,
+  onCardClick,
+  onAddCard,
+  cardActions,
+  columnActions,
+  onCardComplete,
+  onColumnCollapse,
+  ariaLabel,
+  texts
+}) {
+  const { t } = useToolkitTranslation("kanban", texts);
+  const [addingColumnId, setAddingColumnId] = useState(null);
+  const [collapsedIds, setCollapsedIds] = useState(() => new Set(columns.filter((column) => column.defaultCollapsed).map((column) => column.id)));
+  const toggleColumn = (columnId) => {
+    const collapsed = !collapsedIds.has(columnId);
+    setCollapsedIds((current) => {
+      const next = new Set(current);
+      if (collapsed) {
+        next.add(columnId);
+      } else {
+        next.delete(columnId);
+      }
+      return next;
+    });
+    onColumnCollapse?.(columnId, collapsed);
+  };
+  const today = todayIsoDateOf();
   const columnTitleOf = (columnId) => columns.find((column) => column.id === columnId)?.title ?? columnId;
   const cardTitleOf = (cardId) => cards.find((card) => card.id === cardId)?.title ?? cardId;
   const announceStart = (start, provided) => provided.announce(t("lifted", {
@@ -49,8 +209,49 @@ function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabe
     alignItems: "flex-start"
   }, children: columns.map((column) => {
     const columnCards = cardsOfColumn(cards, column.id);
-    const isOver = isOverLimit(column, columnCards.length);
-    const count = Number.isInteger(column.limit) ? `${columnCards.length} / ${column.limit}` : String(columnCards.length);
+    const total = Number.isInteger(column.count) ? column.count : columnCards.length;
+    const isOver = isOverLimit(column, total);
+    const count = Number.isInteger(column.limit) ? `${total} / ${column.limit}` : String(total);
+    const isCollapsed = column.collapsible && collapsedIds.has(column.id);
+    if (isCollapsed) {
+      return /* @__PURE__ */ jsx(Droppable, { droppableId: column.id, children: (droppableProvided, droppableSnapshot) => /* @__PURE__ */ jsxs(
+        Paper,
+        {
+          ref: droppableProvided.innerRef,
+          ...droppableProvided.droppableProps,
+          variant: "outlined",
+          component: "section",
+          "aria-label": column.title,
+          sx: {
+            flex: "0 0 auto",
+            width: COLLAPSED_COLUMN_WIDTH_PIXELS,
+            py: 1,
+            borderRadius: 3,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 1,
+            minHeight: EMPTY_COLUMN_MIN_HEIGHT * 2,
+            bgcolor: droppableSnapshot.isDraggingOver ? "action.hover" : void 0
+          },
+          children: [
+            /* @__PURE__ */ jsx(Tooltip, { title: t("expandColumn", { column: column.title }), placement: "right", children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                "aria-label": t("expandColumn", { column: column.title }),
+                "aria-expanded": "false",
+                onClick: () => toggleColumn(column.id),
+                children: /* @__PURE__ */ jsx(KeyboardDoubleArrowRightRoundedIcon, { fontSize: "small" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Chip, { size: "small", label: count, color: isOver ? "warning" : "default" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "h3", sx: { writingMode: "vertical-rl", whiteSpace: "nowrap" }, children: column.title }),
+            /* @__PURE__ */ jsx(Box, { sx: { display: "none" }, children: droppableProvided.placeholder })
+          ]
+        }
+      ) }, column.id);
+    }
     return /* @__PURE__ */ jsxs(
       Paper,
       {
@@ -59,8 +260,8 @@ function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabe
         "aria-label": column.title,
         sx: { flex: "1 1 0", minWidth: COLUMN_MIN_WIDTH_PIXELS, p: 1.5, scrollSnapAlign: "start", borderRadius: 3 },
         children: [
-          /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center", justifyContent: "space-between", mb: 1.5, px: 0.5 }, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "h3", children: column.title }),
+          /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, sx: { alignItems: "center", mb: 1.5, px: 0.5 }, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "h3", sx: { flexGrow: 1, minWidth: 0 }, children: column.title }),
             /* @__PURE__ */ jsx(
               Chip,
               {
@@ -69,8 +270,29 @@ function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabe
                 color: isOver ? "warning" : "default",
                 title: isOver ? t("overLimit", { limit: column.limit }) : void 0
               }
-            )
+            ),
+            onAddCard && /* @__PURE__ */ jsx(Tooltip, { title: t("addCard", { column: column.title }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": t("addCard", { column: column.title }), onClick: () => setAddingColumnId(column.id), children: /* @__PURE__ */ jsx(AddRoundedIcon, { fontSize: "small" }) }) }),
+            /* @__PURE__ */ jsx(ActionsMenu, { label: t("columnActions", { column: column.title }), actions: columnActions?.(column) }),
+            column.collapsible && /* @__PURE__ */ jsx(Tooltip, { title: t("collapseColumn", { column: column.title }), children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                "aria-label": t("collapseColumn", { column: column.title }),
+                "aria-expanded": "true",
+                onClick: () => toggleColumn(column.id),
+                children: /* @__PURE__ */ jsx(KeyboardDoubleArrowLeftRoundedIcon, { fontSize: "small" })
+              }
+            ) })
           ] }),
+          addingColumnId === column.id && /* @__PURE__ */ jsx(Box, { sx: { mb: 1 }, children: /* @__PURE__ */ jsx(
+            QuickAdd,
+            {
+              columnTitle: column.title,
+              t,
+              onClose: () => setAddingColumnId(null),
+              onAdd: (title) => onAddCard({ columnId: column.id, title })
+            }
+          ) }),
           /* @__PURE__ */ jsx(Droppable, { droppableId: column.id, children: (droppableProvided, droppableSnapshot) => /* @__PURE__ */ jsxs(
             Stack,
             {
@@ -84,7 +306,7 @@ function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabe
                 bgcolor: droppableSnapshot.isDraggingOver ? "action.hover" : "transparent"
               },
               children: [
-                columnCards.map((card, index) => /* @__PURE__ */ jsx(Draggable, { draggableId: card.id, index, children: (draggableProvided, draggableSnapshot) => /* @__PURE__ */ jsx(
+                columnCards.map((card, index) => /* @__PURE__ */ jsx(Draggable, { draggableId: card.id, index, children: (draggableProvided, draggableSnapshot) => /* @__PURE__ */ jsxs(
                   Paper,
                   {
                     ref: draggableProvided.innerRef,
@@ -92,12 +314,15 @@ function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabe
                     ...draggableProvided.dragHandleProps,
                     elevation: draggableSnapshot.isDragging ? 8 : 1,
                     onClick: onCardClick ? () => onCardClick(card.id) : void 0,
-                    sx: { p: 1.5, borderRadius: 2, cursor: "grab", "&:focus-visible": { outline: 2, outlineColor: "primary.main" } },
-                    children: renderCard ? renderCard(card) : /* @__PURE__ */ jsx(DefaultCard, { card })
+                    sx: { p: 1.5, borderRadius: 2, cursor: "grab", position: "relative", "&:focus-visible": { outline: 2, outlineColor: "primary.main" } },
+                    children: [
+                      cardActions && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: 4, right: 4 }, children: /* @__PURE__ */ jsx(ActionsMenu, { label: t("cardActions", { title: card.title }), actions: cardActions(card) }) }),
+                      /* @__PURE__ */ jsx(Box, { sx: cardActions ? { pr: 3 } : void 0, children: renderCard ? renderCard(card) : /* @__PURE__ */ jsx(DefaultCard, { card, t, today, onComplete: onCardComplete }) })
+                    ]
                   }
                 ) }, card.id)),
                 droppableProvided.placeholder,
-                columnCards.length === 0 && !droppableSnapshot.isDraggingOver && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { textAlign: "center", py: 3 }, children: t("empty") })
+                columnCards.length === 0 && !droppableSnapshot.isDraggingOver && addingColumnId !== column.id && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { textAlign: "center", py: 3 }, children: total > 0 ? t("emptyFiltered") : t("empty") })
               ]
             }
           ) })

package/dist/kanban/KanbanBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.js","sources":["../../src/kanban/KanbanBoard.jsx"],"sourcesContent":["// Un tablero kanban (@stackcraftmx/calcita/kanban): columnas con tarjetas que se arrastran de una a otra con el ratón, con el\n// dedo o con el teclado (espacio para levantar, flechas para mover, espacio para soltar). Con @hello-pangea/dnd por dentro.\n//\n//   <KanbanBoard columns={[{id: 'todo', title: 'Por hacer'}, {id: 'doing', title: 'En proceso', limit: 3}]}\n//                cards={cards} onMove={(move) => api.post('/tasks/move', move)} ariaLabel=\"Tablero de tareas\" />\n//\n// El tablero no guarda nada: avisa la movida (onMove) y quien lo usa actualiza sus tarjetas (moveCard de kanbanMoves.js lo\n// hace sin esperar al servidor). Una columna con tope (limit, el trabajo en curso) avisa en ámbar cuando lo pasa.\n//\n// Accesible: el lector de pantalla anuncia en el idioma de la app qué se levantó, a dónde va y dónde quedó.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {DragDropContext, Draggable, Droppable} from '@hello-pangea/dnd';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport {cardsOfColumn, isOverLimit} from '@/kanban/kanbanMoves.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\n\n// las columnas se reparten el ancho, sin bajar de este mínimo; si no caben, el tablero desliza de lado.\n// OJO: con el teclado, la librería solo mueve una tarjeta a columnas que se ven COMPLETAS: con columnas fijas de 300 px la\n// cuarta quedaba cortada en un escritorio y no se podía soltar ahí con el teclado\nconst COLUMN_MIN_WIDTH_PIXELS = 220;\n// lo alto que mide una columna vacía: lo justo para soltar ahí una tarjeta\nconst EMPTY_COLUMN_MIN_HEIGHT = 96;\n\n/**\n * Una tarjeta por omisión: el título, la descripción y sus etiquetas.\n *\n * @param {{card: {title: string, description?: string, tags?: string[]}}} props\n */\nfunction DefaultCard({card}) {\n    return (\n        <Stack spacing={0.75}>\n            <Typography variant=\"subtitle2\" component=\"p\">{card.title}</Typography>\n            {card.description && <Typography variant=\"body2\" color=\"text.secondary\">{card.description}</Typography>}\n            {card.tags?.length > 0 && (\n                <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{flexWrap: 'wrap'}}>\n                    {card.tags.map((tag) => <Chip key={tag} label={tag} size=\"small\" />)}\n                </Stack>\n            )}\n        </Stack>\n    );\n}\n\n/**\n * @param {object} props\n * @param {Array<{id: string, title: string, limit?: number}>} props.columns en su orden\n * @param {Array<{id: string, columnId: string, title: string, description?: string, tags?: string[]}>} props.cards el orden\n *     de cada columna es el orden en este arreglo\n * @param {(move: {cardId: string, fromColumnId: string, toColumnId: string, toIndex: number}) => void} props.onMove\n * @param {(card: any) => import('react').ReactNode} [props.renderCard] lo de adentro de cada tarjeta (recibe la tarjeta de cards)\n * @param {(cardId: string) => void} [props.onCardClick]\n * @param {string} props.ariaLabel ya traducido\n */\nexport default function KanbanBoard({columns, cards, onMove, renderCard, onCardClick, ariaLabel}) {\n    const {t} = useToolkitTranslation('kanban');\n    const columnTitleOf = (columnId) => columns.find((column) => column.id === columnId)?.title ?? columnId;\n    const cardTitleOf = (cardId) => cards.find((card) => card.id === cardId)?.title ?? cardId;\n\n    // lo que oye quien usa lector de pantalla (posiciones desde 1, como se cuentan)\n    const announceStart = (start, provided) => provided.announce(t('lifted', {\n        title: cardTitleOf(start.draggableId), column: columnTitleOf(start.source.droppableId), position: start.source.index + 1,\n    }));\n    const announceUpdate = (update, provided) => {\n        if (update.destination) {\n            provided.announce(t('moving', {column: columnTitleOf(update.destination.droppableId), position: update.destination.index + 1}));\n        }\n    };\n    const finishMove = (result, provided) => {\n        const {draggableId, source, destination} = result;\n        // se soltó fuera de una columna o en el mismo lugar: nada que mover\n        if (!destination || (destination.droppableId === source.droppableId && destination.index === source.index)) {\n            provided.announce(t('cancelled', {title: cardTitleOf(draggableId)}));\n            return;\n        }\n        provided.announce(t('dropped', {title: cardTitleOf(draggableId), column: columnTitleOf(destination.droppableId), position: destination.index + 1}));\n        onMove({cardId: draggableId, fromColumnId: source.droppableId, toColumnId: destination.droppableId, toIndex: destination.index});\n    };\n\n    return (\n        <DragDropContext onDragStart={announceStart} onDragUpdate={announceUpdate} onDragEnd={finishMove} dragHandleUsageInstructions={t('instructions')}>\n            <Box role=\"region\" aria-label={ariaLabel} sx={{\n                display: 'flex', gap: 2, overflowX: 'auto', pb: 1, scrollSnapType: 'x proximity', alignItems: 'flex-start',\n            }}>\n                {columns.map((column) => {\n                    const columnCards = cardsOfColumn(cards, column.id);\n                    const isOver = isOverLimit(column, columnCards.length);\n                    const count = Number.isInteger(column.limit) ? `${columnCards.length} / ${column.limit}` : String(columnCards.length);\n                    return (\n                        <Paper key={column.id} variant=\"outlined\" component=\"section\" aria-label={column.title}\n                               sx={{flex: '1 1 0', minWidth: COLUMN_MIN_WIDTH_PIXELS, p: 1.5, scrollSnapAlign: 'start', borderRadius: 3}}>\n                            <Stack direction=\"row\" spacing={1} sx={{alignItems: 'center', justifyContent: 'space-between', mb: 1.5, px: 0.5}}>\n                                <Typography variant=\"subtitle2\" component=\"h3\">{column.title}</Typography>\n                                <Chip size=\"small\" label={count} color={isOver ? 'warning' : 'default'}\n                                      title={isOver ? t('overLimit', {limit: column.limit}) : undefined} />\n                            </Stack>\n                            <Droppable droppableId={column.id}>\n                                {(droppableProvided, droppableSnapshot) => (\n                                    <Stack ref={droppableProvided.innerRef} {...droppableProvided.droppableProps} spacing={1}\n                                           sx={{\n                                               minHeight: EMPTY_COLUMN_MIN_HEIGHT, borderRadius: 2, transition: 'background-color 160ms',\n                                               bgcolor: droppableSnapshot.isDraggingOver ? 'action.hover' : 'transparent',\n                                           }}>\n                                        {columnCards.map((card, index) => (\n                                            <Draggable key={card.id} draggableId={card.id} index={index}>\n                                                {(draggableProvided, draggableSnapshot) => (\n                                                    <Paper ref={draggableProvided.innerRef} {...draggableProvided.draggableProps} {...draggableProvided.dragHandleProps}\n                                                           elevation={draggableSnapshot.isDragging ? 8 : 1}\n                                                           onClick={onCardClick ? () => onCardClick(card.id) : undefined}\n                                                           sx={{p: 1.5, borderRadius: 2, cursor: 'grab', '&:focus-visible': {outline: 2, outlineColor: 'primary.main'}}}>\n                                                        {renderCard ? renderCard(card) : <DefaultCard card={card} />}\n                                                    </Paper>\n                                                )}\n                                            </Draggable>\n                                        ))}\n                                        {droppableProvided.placeholder}\n                                        {columnCards.length === 0 && !droppableSnapshot.isDraggingOver && (\n                                            <Typography variant=\"caption\" color=\"text.secondary\" sx={{textAlign: 'center', py: 3}}>{t('empty')}</Typography>\n                                        )}\n                                    </Stack>\n                                )}\n                            </Droppable>\n                        </Paper>\n                    );\n                })}\n            </Box>\n        </DragDropContext>\n    );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanBoard.js","sources":["../../src/kanban/KanbanBoard.jsx"],"sourcesContent":["// Un tablero kanban (@stackcraftmx/calcita/kanban): columnas con tarjetas que se arrastran de una a otra con el ratón, con el\n// dedo o con el teclado (espacio para levantar, flechas para mover, espacio para soltar). Con @hello-pangea/dnd por dentro.\n//\n//   <KanbanBoard columns={[{id: 'todo', title: 'Por hacer'}, {id: 'doing', title: 'En proceso', limit: 3}]}\n//                cards={cards} onMove={(move) => api.post('/tasks/move', move)} ariaLabel=\"Tablero de tareas\" />\n//\n// El tablero no guarda nada: avisa la movida (onMove) y quien lo usa actualiza sus tarjetas (moveCard de kanbanMoves.js lo\n// hace sin esperar al servidor). Una columna con tope (limit, el trabajo en curso) avisa en ámbar cuando lo pasa.\n//\n// Accesible: el lector de pantalla anuncia en el idioma de la app qué se levantó, a dónde va y dónde quedó.\n//\n// Lo de un producto, todo hacia afuera (el tablero no guarda nada ni llama a ningún servidor):\n//   - la tarjeta por omisión pinta lo que traiga: etiquetas (texto o {label, color}), responsables con su monograma, la\n//     fecha límite (roja si ya venció, ámbar si es hoy), el avance de su lista de pendientes, comentarios y adjuntos. Para\n//     otra tarjeta: renderCard;\n//   - «+» en cada columna para agregar escribiendo el título (onAddCard({columnId, title}));\n//   - «⋯» en cada tarjeta y en cada columna con las acciones que dé la pantalla (cardActions, columnActions): editar,\n//     asignarme, mover sin arrastrar, borrar…;\n//   - terminar una tarea: con onCardComplete cada tarjeta lleva su círculo para marcarla (y desmarcarla); qué pasa al\n//     terminarla (pasarla a «Listo», guardar la fecha) lo decide la pantalla. Una tarjeta con completed: true sale con su\n//     palomita verde y su fecha límite ya no se pinta de rojo;\n//   - columnas que se encogen (collapsible), como el congelador (icebox) de ideas para después: se quedan en una tira angosta\n//     con su nombre y su cuenta, y se les puede soltar una tarjeta igual. defaultCollapsed la abre encogida y\n//     onColumnCollapse avisa cada cambio (para guardarlo si la pantalla quiere);\n//   - texts para cualquier texto (la forma de `kanban` en los textos del paquete).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport {DragDropContext, Draggable, Droppable} from '@hello-pangea/dnd';\nimport Avatar from '@mui/material/Avatar';\nimport AvatarGroup from '@mui/material/AvatarGroup';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport IconButton from '@mui/material/IconButton';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport AddRoundedIcon from '@mui/icons-material/AddRounded';\nimport AttachFileRoundedIcon from '@mui/icons-material/AttachFileRounded';\nimport ChatBubbleOutlineRoundedIcon from '@mui/icons-material/ChatBubbleOutlineRounded';\nimport CheckBoxOutlinedIcon from '@mui/icons-material/CheckBoxOutlined';\nimport CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded';\nimport EventOutlinedIcon from '@mui/icons-material/EventOutlined';\nimport KeyboardDoubleArrowLeftRoundedIcon from '@mui/icons-material/KeyboardDoubleArrowLeftRounded';\nimport KeyboardDoubleArrowRightRoundedIcon from '@mui/icons-material/KeyboardDoubleArrowRightRounded';\nimport RadioButtonUncheckedRoundedIcon from '@mui/icons-material/RadioButtonUncheckedRounded';\n\nimport {initialsOf} from '@/appShell/menuItemText.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {DUE_STATUS, dueStatusOf, tagOf, todayIsoDateOf} from '@/kanban/kanbanCards.js';\nimport {cardsOfColumn, isOverLimit} from '@/kanban/kanbanMoves.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport ActionsMenu from '@/ui/actions/ActionsMenu.jsx';\n\n// las columnas se reparten el ancho, sin bajar de este mínimo; si no caben, el tablero desliza de lado.\n// OJO: con el teclado, la librería solo mueve una tarjeta a columnas que se ven COMPLETAS: con columnas fijas de 300 px la\n// cuarta quedaba cortada en un escritorio y no se podía soltar ahí con el teclado\nconst COLUMN_MIN_WIDTH_PIXELS = 220;\n// lo alto que mide una columna vacía: lo justo para soltar ahí una tarjeta\nconst EMPTY_COLUMN_MIN_HEIGHT = 96;\n// cuántas caras de responsables se ven antes del «+2»\nconst MAX_VISIBLE_ASSIGNEES = 3;\nconst ASSIGNEE_AVATAR_PIXELS = 24;\n// lo ancho de una columna encogida: su nombre de lado, su cuenta y su botón para abrirla\nconst COLLAPSED_COLUMN_WIDTH_PIXELS = 52;\n// el color del texto de la fecha según cómo va\nconst DUE_COLOR = Object.freeze({[DUE_STATUS.overdue]: 'error.main', [DUE_STATUS.today]: 'warning.dark', [DUE_STATUS.upcoming]: 'text.secondary'});\n\n/**\n * El círculo para terminar una tarea (o reabrirla, si ya está terminada). El clic no levanta la tarjeta ni la abre.\n *\n * @param {{card: any, t: Function, onComplete: (card: any, completed: boolean) => void}} props\n */\nfunction CompleteButton({card, t, onComplete}) {\n    const label = card.completed ? t('reopen', {title: card.title}) : t('complete', {title: card.title});\n    return (\n        <Tooltip title={label}>\n            <IconButton size=\"small\" aria-label={label} aria-pressed={Boolean(card.completed)} sx={{m: -0.5, color: card.completed ? 'success.main' : 'text.secondary'}}\n                        onClick={(event) => {\n                            event.stopPropagation();\n                            onComplete(card, !card.completed);\n                        }}>\n                {card.completed ? <CheckCircleRoundedIcon fontSize=\"small\" /> : <RadioButtonUncheckedRoundedIcon fontSize=\"small\" />}\n            </IconButton>\n        </Tooltip>\n    );\n}\n\n/**\n * Una tarjeta por omisión: lo que traiga, sin pedir nada (título, descripción, etiquetas, responsables, fecha, pendientes,\n * comentarios y adjuntos).\n *\n * @param {{card: any, t: Function, today: string, onComplete?: (card: any, completed: boolean) => void}} props\n */\nfunction DefaultCard({card, t, today, onComplete}) {\n    const {formatDate} = useFormatters();\n    // terminada, su fecha ya no apura: se pinta tenue, sin rojo ni ámbar\n    const dueStatus = card.completed && card.dueDate ? DUE_STATUS.upcoming : dueStatusOf(card.dueDate, today);\n    let dueText = '';\n    if (card.completed && card.dueDate) {\n        dueText = t('dueCompleted', {date: formatDate(card.dueDate)});\n    } else if (dueStatus === DUE_STATUS.overdue) {\n        dueText = t('dueOverdue', {date: formatDate(card.dueDate)});\n    } else if (dueStatus === DUE_STATUS.today) {\n        dueText = t('dueToday');\n    } else if (dueStatus) {\n        dueText = t('dueOn', {date: formatDate(card.dueDate)});\n    }\n    const hasFooter = dueStatus || card.checklist?.total > 0 || card.comments > 0 || card.attachments > 0 || card.assignees?.length > 0;\n\n    return (\n        <Stack spacing={0.75}>\n            {card.tags?.length > 0 && (\n                <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{flexWrap: 'wrap'}}>\n                    {card.tags.map((rawTag) => {\n                        const tag = tagOf(rawTag);\n                        return <Chip key={tag.label} label={tag.label} size=\"small\" color={tag.color} variant={tag.color === 'default' ? 'filled' : 'outlined'} />;\n                    })}\n                </Stack>\n            )}\n            <Stack direction=\"row\" spacing={1} sx={{alignItems: 'flex-start'}}>\n                {onComplete && <CompleteButton card={card} t={t} onComplete={onComplete} />}\n                {!onComplete && card.completed && (\n                    <CheckCircleRoundedIcon fontSize=\"small\" sx={{color: 'success.main'}} titleAccess={t('completed')} />\n                )}\n                <Typography variant=\"subtitle2\" component=\"p\" sx={{color: card.completed ? 'text.secondary' : undefined}}>{card.title}</Typography>\n            </Stack>\n            {card.description && <Typography variant=\"body2\" color=\"text.secondary\">{card.description}</Typography>}\n            {hasFooter && (\n                <Stack direction=\"row\" spacing={1.25} useFlexGap sx={{alignItems: 'center', flexWrap: 'wrap', color: 'text.secondary'}}>\n                    {dueStatus && (\n                        <Stack direction=\"row\" spacing={0.5} sx={{alignItems: 'center', color: DUE_COLOR[dueStatus]}}>\n                            <EventOutlinedIcon sx={{fontSize: 16}} />\n                            <Typography variant=\"caption\" sx={{fontWeight: dueStatus === DUE_STATUS.upcoming ? 400 : 600}}>{dueText}</Typography>\n                        </Stack>\n                    )}\n                    {card.checklist?.total > 0 && (\n                        <Stack direction=\"row\" spacing={0.5} sx={{alignItems: 'center'}}\n                               aria-label={t('checklist', {done: card.checklist.done, total: card.checklist.total})}>\n                            <CheckBoxOutlinedIcon sx={{fontSize: 16}} />\n                            <Typography variant=\"caption\" aria-hidden=\"true\">{card.checklist.done}/{card.checklist.total}</Typography>\n                        </Stack>\n                    )}\n                    {card.comments > 0 && (\n                        <Stack direction=\"row\" spacing={0.5} sx={{alignItems: 'center'}} aria-label={t('comments', {count: card.comments})}>\n                            <ChatBubbleOutlineRoundedIcon sx={{fontSize: 16}} />\n                            <Typography variant=\"caption\" aria-hidden=\"true\">{card.comments}</Typography>\n                        </Stack>\n                    )}\n                    {card.attachments > 0 && (\n                        <Stack direction=\"row\" spacing={0.5} sx={{alignItems: 'center'}} aria-label={t('attachments', {count: card.attachments})}>\n                            <AttachFileRoundedIcon sx={{fontSize: 16}} />\n                            <Typography variant=\"caption\" aria-hidden=\"true\">{card.attachments}</Typography>\n                        </Stack>\n                    )}\n                    {card.assignees?.length > 0 && (\n                        <AvatarGroup max={MAX_VISIBLE_ASSIGNEES} sx={{ml: 'auto', '& .MuiAvatar-root': {width: ASSIGNEE_AVATAR_PIXELS, height: ASSIGNEE_AVATAR_PIXELS, fontSize: 11}}}\n                                     aria-label={t('assignees', {names: card.assignees.map((person) => person.name).join(', ')})}>\n                            {card.assignees.map((person) => (\n                                <Tooltip key={person.id} title={person.name}>\n                                    <Avatar alt={person.name} src={person.avatarUrl}>{initialsOf(person.name)}</Avatar>\n                                </Tooltip>\n                            ))}\n                        </AvatarGroup>\n                    )}\n                </Stack>\n            )}\n        </Stack>\n    );\n}\n\n/**\n * Agregar una tarjeta escribiendo su título: Enter la agrega (y deja el campo listo para otra), Escape cierra.\n *\n * @param {{columnTitle: string, onAdd: (title: string) => void, onClose: () => void, t: Function}} props\n */\nfunction QuickAdd({columnTitle, onAdd, onClose, t}) {\n    const [title, setTitle] = useState('');\n    return (\n        <TextField size=\"small\" fullWidth autoFocus multiline maxRows={4} value={title} placeholder={t('addCardPlaceholder')}\n                   slotProps={{htmlInput: {'aria-label': t('addCard', {column: columnTitle})}}}\n                   onChange={(event) => setTitle(event.target.value)}\n                   onBlur={() => !title.trim() && onClose()}\n                   onKeyDown={(event) => {\n                       if (event.key === 'Escape') {\n                           onClose();\n                       }\n                       if (event.key === 'Enter' && !event.shiftKey) {\n                           event.preventDefault();\n                           if (title.trim()) {\n                               onAdd(title.trim());\n                               setTitle('');\n                           }\n                       }\n                   }} />\n    );\n}\n\n/**\n * @param {object} props\n * @param {Array<{id: string, title: string, limit?: number, count?: number, collapsible?: boolean, defaultCollapsed?: boolean}>} props.columns\n *     en su orden. count: cuántas tarjetas tiene de verdad cuando la pantalla le pasa solo las filtradas (el tope se cuenta\n *     contra todas). collapsible: lleva su botón para encogerse (el congelador); defaultCollapsed: empieza encogida\n * @param {Array<{id: string, columnId: string, title: string, completed?: boolean, description?: string, tags?: Array<string|{label: string, color?: string}>, assignees?: Array<{id: string, name: string, avatarUrl?: string}>, dueDate?: string, checklist?: {done: number, total: number}, comments?: number, attachments?: number} & Record<string, any>>} props.cards\n *     el orden de cada columna es el orden en este arreglo; cada tarjeta puede traer sus campos propios (llegan a renderCard,\n *     a cardActions y a onCardClick tal cual). dueDate: AAAA-MM-DD\n * @param {(move: {cardId: string, fromColumnId: string, toColumnId: string, toIndex: number}) => void} props.onMove\n * @param {(card: any) => import('react').ReactNode} [props.renderCard] lo de adentro de cada tarjeta (recibe la tarjeta de cards)\n * @param {(cardId: string) => void} [props.onCardClick]\n * @param {(newCard: {columnId: string, title: string}) => void} [props.onAddCard] con él cada columna lleva su «+» para agregar\n *     escribiendo el título\n * @param {(card: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.cardActions]\n *     las acciones del «⋯» de cada tarjeta (editar, asignarme, borrar…); sin ellas no hay «⋯»\n * @param {(column: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.columnActions]\n *     las acciones del «⋯» de cada columna (renombrar, limpiar…)\n * @param {(card: any, completed: boolean) => void} [props.onCardComplete] con él cada tarjeta lleva su círculo para terminarla\n *     (completed true) o reabrirla (false); la pantalla decide qué más pasa (moverla a «Listo», guardar la fecha)\n * @param {(columnId: string, collapsed: boolean) => void} [props.onColumnCollapse] cada que una columna se encoge o se abre\n * @param {string} props.ariaLabel ya traducido\n * @param {object} [props.texts] los textos que cambian, con la forma de `kanban` en los textos del paquete\n */\nexport default function KanbanBoard({\n    columns, cards, onMove, renderCard, onCardClick, onAddCard, cardActions, columnActions, onCardComplete, onColumnCollapse, ariaLabel, texts,\n}) {\n    const {t} = useToolkitTranslation('kanban', texts);\n    // la columna donde se está escribiendo una tarjeta nueva\n    const [addingColumnId, setAddingColumnId] = useState(null);\n    // las columnas encogidas: empiezan como dice defaultCollapsed y luego las mueve la persona\n    const [collapsedIds, setCollapsedIds] = useState(() => new Set(columns.filter((column) => column.defaultCollapsed).map((column) => column.id)));\n    const toggleColumn = (columnId) => {\n        const collapsed = !collapsedIds.has(columnId);\n        setCollapsedIds((current) => {\n            const next = new Set(current);\n            if (collapsed) {\n                next.add(columnId);\n            } else {\n                next.delete(columnId);\n            }\n            return next;\n        });\n        onColumnCollapse?.(columnId, collapsed);\n    };\n    const today = todayIsoDateOf();\n    const columnTitleOf = (columnId) => columns.find((column) => column.id === columnId)?.title ?? columnId;\n    const cardTitleOf = (cardId) => cards.find((card) => card.id === cardId)?.title ?? cardId;\n\n    // lo que oye quien usa lector de pantalla (posiciones desde 1, como se cuentan)\n    const announceStart = (start, provided) => provided.announce(t('lifted', {\n        title: cardTitleOf(start.draggableId), column: columnTitleOf(start.source.droppableId), position: start.source.index + 1,\n    }));\n    const announceUpdate = (update, provided) => {\n        if (update.destination) {\n            provided.announce(t('moving', {column: columnTitleOf(update.destination.droppableId), position: update.destination.index + 1}));\n        }\n    };\n    const finishMove = (result, provided) => {\n        const {draggableId, source, destination} = result;\n        // se soltó fuera de una columna o en el mismo lugar: nada que mover\n        if (!destination || (destination.droppableId === source.droppableId && destination.index === source.index)) {\n            provided.announce(t('cancelled', {title: cardTitleOf(draggableId)}));\n            return;\n        }\n        provided.announce(t('dropped', {title: cardTitleOf(draggableId), column: columnTitleOf(destination.droppableId), position: destination.index + 1}));\n        onMove({cardId: draggableId, fromColumnId: source.droppableId, toColumnId: destination.droppableId, toIndex: destination.index});\n    };\n\n    return (\n        <DragDropContext onDragStart={announceStart} onDragUpdate={announceUpdate} onDragEnd={finishMove} dragHandleUsageInstructions={t('instructions')}>\n            <Box role=\"region\" aria-label={ariaLabel} sx={{\n                display: 'flex', gap: 2, overflowX: 'auto', pb: 1, scrollSnapType: 'x proximity', alignItems: 'flex-start',\n            }}>\n                {columns.map((column) => {\n                    const columnCards = cardsOfColumn(cards, column.id);\n                    // con un filtro puesto la pantalla dice cuántas tiene de verdad: «1 / 3» mentía con la columna llena\n                    const total = Number.isInteger(column.count) ? column.count : columnCards.length;\n                    const isOver = isOverLimit(column, total);\n                    const count = Number.isInteger(column.limit) ? `${total} / ${column.limit}` : String(total);\n                    const isCollapsed = column.collapsible && collapsedIds.has(column.id);\n                    // encogida: una tira con su nombre de lado y su cuenta; se le puede soltar una tarjeta (queda arriba)\n                    if (isCollapsed) {\n                        return (\n                            <Droppable key={column.id} droppableId={column.id}>\n                                {(droppableProvided, droppableSnapshot) => (\n                                    <Paper ref={droppableProvided.innerRef} {...droppableProvided.droppableProps} variant=\"outlined\" component=\"section\"\n                                           aria-label={column.title}\n                                           sx={{\n                                               flex: '0 0 auto', width: COLLAPSED_COLUMN_WIDTH_PIXELS, py: 1, borderRadius: 3, display: 'flex',\n                                               flexDirection: 'column', alignItems: 'center', gap: 1, minHeight: EMPTY_COLUMN_MIN_HEIGHT * 2,\n                                               bgcolor: droppableSnapshot.isDraggingOver ? 'action.hover' : undefined,\n                                           }}>\n                                        <Tooltip title={t('expandColumn', {column: column.title})} placement=\"right\">\n                                            <IconButton size=\"small\" aria-label={t('expandColumn', {column: column.title})} aria-expanded=\"false\"\n                                                        onClick={() => toggleColumn(column.id)}>\n                                                <KeyboardDoubleArrowRightRoundedIcon fontSize=\"small\" />\n                                            </IconButton>\n                                        </Tooltip>\n                                        <Chip size=\"small\" label={count} color={isOver ? 'warning' : 'default'} />\n                                        <Typography variant=\"subtitle2\" component=\"h3\" sx={{writingMode: 'vertical-rl', whiteSpace: 'nowrap'}}>\n                                            {column.title}\n                                        </Typography>\n                                        {/* el lugar de la tarjeta que se arrastra; encogida no la enseña */}\n                                        <Box sx={{display: 'none'}}>{droppableProvided.placeholder}</Box>\n                                    </Paper>\n                                )}\n                            </Droppable>\n                        );\n                    }\n                    return (\n                        <Paper key={column.id} variant=\"outlined\" component=\"section\" aria-label={column.title}\n                               sx={{flex: '1 1 0', minWidth: COLUMN_MIN_WIDTH_PIXELS, p: 1.5, scrollSnapAlign: 'start', borderRadius: 3}}>\n                            <Stack direction=\"row\" spacing={0.5} sx={{alignItems: 'center', mb: 1.5, px: 0.5}}>\n                                <Typography variant=\"subtitle2\" component=\"h3\" sx={{flexGrow: 1, minWidth: 0}}>{column.title}</Typography>\n                                <Chip size=\"small\" label={count} color={isOver ? 'warning' : 'default'}\n                                      title={isOver ? t('overLimit', {limit: column.limit}) : undefined} />\n                                {onAddCard && (\n                                    <Tooltip title={t('addCard', {column: column.title})}>\n                                        <IconButton size=\"small\" aria-label={t('addCard', {column: column.title})} onClick={() => setAddingColumnId(column.id)}>\n                                            <AddRoundedIcon fontSize=\"small\" />\n                                        </IconButton>\n                                    </Tooltip>\n                                )}\n                                <ActionsMenu label={t('columnActions', {column: column.title})} actions={columnActions?.(column)} />\n                                {column.collapsible && (\n                                    <Tooltip title={t('collapseColumn', {column: column.title})}>\n                                        <IconButton size=\"small\" aria-label={t('collapseColumn', {column: column.title})} aria-expanded=\"true\"\n                                                    onClick={() => toggleColumn(column.id)}>\n                                            <KeyboardDoubleArrowLeftRoundedIcon fontSize=\"small\" />\n                                        </IconButton>\n                                    </Tooltip>\n                                )}\n                            </Stack>\n                            {addingColumnId === column.id && (\n                                <Box sx={{mb: 1}}>\n                                    <QuickAdd columnTitle={column.title} t={t} onClose={() => setAddingColumnId(null)}\n                                              onAdd={(title) => onAddCard({columnId: column.id, title})} />\n                                </Box>\n                            )}\n                            <Droppable droppableId={column.id}>\n                                {(droppableProvided, droppableSnapshot) => (\n                                    <Stack ref={droppableProvided.innerRef} {...droppableProvided.droppableProps} spacing={1}\n                                           sx={{\n                                               minHeight: EMPTY_COLUMN_MIN_HEIGHT, borderRadius: 2, transition: 'background-color 160ms',\n                                               bgcolor: droppableSnapshot.isDraggingOver ? 'action.hover' : 'transparent',\n                                           }}>\n                                        {columnCards.map((card, index) => (\n                                            <Draggable key={card.id} draggableId={card.id} index={index}>\n                                                {(draggableProvided, draggableSnapshot) => (\n                                                    <Paper ref={draggableProvided.innerRef} {...draggableProvided.draggableProps} {...draggableProvided.dragHandleProps}\n                                                           elevation={draggableSnapshot.isDragging ? 8 : 1}\n                                                           onClick={onCardClick ? () => onCardClick(card.id) : undefined}\n                                                           sx={{p: 1.5, borderRadius: 2, cursor: 'grab', position: 'relative', '&:focus-visible': {outline: 2, outlineColor: 'primary.main'}}}>\n                                                        {/* el «⋯» arriba a la derecha; el contenido le deja su lugar */}\n                                                        {cardActions && (\n                                                            <Box sx={{position: 'absolute', top: 4, right: 4}}>\n                                                                <ActionsMenu label={t('cardActions', {title: card.title})} actions={cardActions(card)} />\n                                                            </Box>\n                                                        )}\n                                                        <Box sx={cardActions ? {pr: 3} : undefined}>\n                                                            {renderCard ? renderCard(card) : <DefaultCard card={card} t={t} today={today} onComplete={onCardComplete} />}\n                                                        </Box>\n                                                    </Paper>\n                                                )}\n                                            </Draggable>\n                                        ))}\n                                        {droppableProvided.placeholder}\n                                        {/* vacía de verdad, o con tarjetas que el filtro de la pantalla esconde (no se dice «sin tarjetas») */}\n                                        {columnCards.length === 0 && !droppableSnapshot.isDraggingOver && addingColumnId !== column.id && (\n                                            <Typography variant=\"caption\" color=\"text.secondary\" sx={{textAlign: 'center', py: 3}}>\n                                                {total > 0 ? t('emptyFiltered') : t('empty')}\n                                            </Typography>\n                                        )}\n                                    </Stack>\n                                )}\n                            </Droppable>\n                        </Paper>\n                    );\n                })}\n            </Box>\n        </DragDropContext>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/kanban/kanbanCards.js

@@ -0,0 +1,19 @@
+const DUE_STATUS = Object.freeze({ overdue: "overdue", today: "today", upcoming: "upcoming" });
+function todayIsoDateOf(now = /* @__PURE__ */ new Date()) {
+  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+}
+function dueStatusOf(dueDate, today) {
+  if (!dueDate) {
+    return null;
+  }
+  if (dueDate < today) {
+    return DUE_STATUS.overdue;
+  }
+  return dueDate === today ? DUE_STATUS.today : DUE_STATUS.upcoming;
+}
+export {
+  DUE_STATUS,
+  dueStatusOf,
+  todayIsoDateOf
+};
+//# sourceMappingURL=kanbanCards.js.map

package/dist/kanban/kanbanCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanbanCards.js","sources":["../../src/kanban/kanbanCards.js"],"sourcesContent":["// Lo que la tarjeta del tablero decide sin pintar nada: si su fecha ya venció, vence hoy o falta. Cómo se lee una etiqueta\n// (texto suelto o con su color) vive en ui/labels/tagOf.js y aquí se vuelve a exportar. Funciones puras: se prueban sin\n// navegador (kanbanCards.test.js).\n//\n// Funciones puras, no renderizan: function (regla de la casa).\n\n/** Cómo va la fecha límite de una tarjeta. */\nexport const DUE_STATUS = Object.freeze({overdue: 'overdue', today: 'today', upcoming: 'upcoming'});\n\n/**\n * El día de hoy como AAAA-MM-DD en la zona de este navegador (la fecha límite es un día, no un instante).\n *\n * @param {Date} [now]\n * @returns {string}\n */\nexport function todayIsoDateOf(now = new Date()) {\n    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\n}\n\n/**\n * Cómo va una fecha límite contra hoy. AAAA-MM-DD se compara bien como texto.\n *\n * @param {string|null|undefined} dueDate AAAA-MM-DD\n * @param {string} today AAAA-MM-DD\n * @returns {'overdue'|'today'|'upcoming'|null} null sin fecha\n */\nexport function dueStatusOf(dueDate, today) {\n    if (!dueDate) {\n        return null;\n    }\n    if (dueDate < today) {\n        return DUE_STATUS.overdue;\n    }\n    return dueDate === today ? DUE_STATUS.today : DUE_STATUS.upcoming;\n}\n\n// la regla de una etiqueta vive en lo compartido (la usan el tablero y la bandeja); aquí sigue a la mano\nexport {tagOf} from '@/ui/labels/tagOf.js';\n"],"names":[],"mappings":"AAOY,MAAC,aAAa,OAAO,OAAO,EAAC,SAAS,WAAW,OAAO,SAAS,UAAU,WAAU,CAAC;AAQ3F,SAAS,eAAe,MAAM,oBAAI,QAAQ;AAC7C,SAAO,GAAG,IAAI,YAAW,CAAE,IAAI,OAAO,IAAI,SAAQ,IAAK,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,IAAI,SAAS,EAAE,SAAS,GAAG,GAAG,CAAC;AACxH;AASO,SAAS,YAAY,SAAS,OAAO;AACxC,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AACA,MAAI,UAAU,OAAO;AACjB,WAAO,WAAW;AAAA,EACtB;AACA,SAAO,YAAY,QAAQ,WAAW,QAAQ,WAAW;AAC7D;"}

package/dist/kanban.js

@@ -1,9 +1,15 @@
 import { default as default2 } from "./kanban/KanbanBoard.js";
 import { cardsOfColumn, isOverLimit, moveCard } from "./kanban/kanbanMoves.js";
+import { DUE_STATUS, dueStatusOf, todayIsoDateOf } from "./kanban/kanbanCards.js";
+import { tagOf } from "./ui/labels/tagOf.js";
 export {
+  DUE_STATUS,
   default2 as KanbanBoard,
   cardsOfColumn,
+  dueStatusOf,
   isOverLimit,
-  moveCard
+  moveCard,
+  tagOf,
+  todayIsoDateOf
 };
 //# sourceMappingURL=kanban.js.map

package/dist/kanban.js.map

@@ -1 +1 @@
-{"version":3,"file":"kanban.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"kanban.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/locales/en.js

@@ -38,6 +38,20 @@ const en = Object.freeze({
       "descending": "descending order",
       "clear": "Remove sorting"
     },
+    "selection": {
+      "count_one": "{{total}} selected",
+      "count_other": "{{total}} selected",
+      "allMatching": "All {{total}} matching are selected",
+      "allMatchingCapped": "All matching are selected",
+      "pageSelected_one": "The only row on this page is selected.",
+      "pageSelected_other": "The {{count}} on this page are selected.",
+      "selectAllMatching": "Select all {{total}} matching",
+      "selectAllMatchingCapped": "Select all matching",
+      "onlyThisPage": "Select only this page",
+      "clear": "Clear selection",
+      "summaryLabel": "The selection",
+      "actionsLabel": "Actions for the selected"
+    },
     "goToPage": {
       "page": "Page",
       "of_one": "of {{total}}",
@@ -110,6 +124,11 @@ const en = Object.freeze({
       "colorLowContrast": "With that color the text would be hard to read on white. {{suggestion}} is the same hue, darker.",
       "colorUseSuggestion": "Use {{color}}"
     },
+    "selection": {
+      "clear": "Clear selection",
+      "actionsLabel": "Actions for the selected",
+      "summaryLabel": "The selection"
+    },
     "wizard": {
       "next": "Next",
       "back": "Back",
@@ -122,7 +141,9 @@ const en = Object.freeze({
       "switchTo": {
         "es": "Switch to Spanish",
         "en": "Switch to English"
-      }
+      },
+      "switchToNamed": "Switch to {{name}}",
+      "choose": "Language: {{name}}. Choose another"
     },
     "colorScheme": {
       "label": "Light or dark",
@@ -259,6 +280,7 @@ const en = Object.freeze({
     },
     "charts": {
       "viewAsTable": "View as table",
+      "legend": "What each series is",
       "viewAsChart": "View as chart",
       "less": "Less",
       "more": "More",
@@ -612,6 +634,29 @@ const en = Object.freeze({
     }
   },
   "calendar": {
+    "details": {
+      "when": "When",
+      "timeRange": "{{date}}, {{start}} to {{end}}",
+      "allDay": "{{date}}, all day",
+      "location": "Where",
+      "meeting": "Online meeting",
+      "join": "Join",
+      "attendees": "Guests",
+      "attendeesCount_one": "{{count}} guest",
+      "attendeesCount_other": "{{count}} guests",
+      "response": { "accepted": "Going", "declined": "Not going", "pending": "No answer" },
+      "reminder": "Reminder",
+      "reminderUnit": {
+        "atStart": "At start",
+        "minutes_one": "{{count}} minute before",
+        "minutes_other": "{{count}} minutes before",
+        "hours_one": "{{count}} hour before",
+        "hours_other": "{{count}} hours before",
+        "days_one": "{{count}} day before",
+        "days_other": "{{count}} days before"
+      },
+      "notes": "Notes"
+    },
     "previous": "Previous",
     "next": "Next",
     "today": "Today",
@@ -624,15 +669,43 @@ const en = Object.freeze({
     }
   },
   "kanban": {
+    "dueCompleted": "Was due {{date}}",
+    "complete": "Complete “{{title}}”",
+    "reopen": "Reopen “{{title}}”",
+    "completed": "Completed",
+    "collapseColumn": "Collapse “{{column}}”",
+    "expandColumn": "Expand “{{column}}”",
+    "addCard": "Add a card to {{column}}",
+    "addCardPlaceholder": "Card title (Enter to add)",
+    "cardActions": "Actions for “{{title}}”",
+    "columnActions": "Actions for {{column}}",
+    "dueOverdue": "Was due {{date}}",
+    "dueToday": "Due today",
+    "dueOn": "Due {{date}}",
+    "checklist": "{{done}} of {{total}} to-dos done",
+    "comments_one": "{{count}} comment",
+    "comments_other": "{{count}} comments",
+    "attachments_one": "{{count}} attachment",
+    "attachments_other": "{{count}} attachments",
+    "assignees": "Assigned to: {{names}}",
     "instructions": "To move a card with the keyboard: space to lift it, arrows to move it and space to drop it. Escape leaves it where it was.",
     "lifted": "You lifted “{{title}}”, in {{column}}, position {{position}}.",
     "moving": "Going to {{column}}, position {{position}}.",
     "dropped": "You dropped “{{title}}” in {{column}}, position {{position}}.",
     "cancelled": "“{{title}}” stayed where it was.",
     "overLimit": "Over the limit of {{limit}} cards.",
+    "emptyFiltered": "No card here matches the search.",
     "empty": "No cards. Drag one here."
   },
   "inbox": {
+    "labels": "Labels",
+    "select": "Select “{{subject}}”",
+    "messageActions": "Actions for “{{subject}}”",
+    "threadCount_one": "{{count}} message in the conversation",
+    "threadCount_other": "{{count}} messages in the conversation",
+    "cc": "Cc: {{cc}}",
+    "openAttachment": "Open {{name}}",
+    "expandMessage": "Open the message from {{name}} ({{date}})",
     "listLabel": "Messages",
     "folders": "Folders",
     "empty": "There are no messages here.",