@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/kanban/KanbanBoard.js

@@ -0,0 +1,338 @@
+"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;
+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: [
+    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 }),
+    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 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", {
+    title: cardTitleOf(start.draggableId),
+    column: columnTitleOf(start.source.droppableId),
+    position: start.source.index + 1
+  }));
+  const announceUpdate = (update, provided) => {
+    if (update.destination) {
+      provided.announce(t("moving", { column: columnTitleOf(update.destination.droppableId), position: update.destination.index + 1 }));
+    }
+  };
+  const finishMove = (result, provided) => {
+    const { draggableId, source, destination } = result;
+    if (!destination || destination.droppableId === source.droppableId && destination.index === source.index) {
+      provided.announce(t("cancelled", { title: cardTitleOf(draggableId) }));
+      return;
+    }
+    provided.announce(t("dropped", { title: cardTitleOf(draggableId), column: columnTitleOf(destination.droppableId), position: destination.index + 1 }));
+    onMove({ cardId: draggableId, fromColumnId: source.droppableId, toColumnId: destination.droppableId, toIndex: destination.index });
+  };
+  return /* @__PURE__ */ jsx(DragDropContext, { onDragStart: announceStart, onDragUpdate: announceUpdate, onDragEnd: finishMove, dragHandleUsageInstructions: t("instructions"), children: /* @__PURE__ */ jsx(Box, { role: "region", "aria-label": ariaLabel, sx: {
+    display: "flex",
+    gap: 2,
+    overflowX: "auto",
+    pb: 1,
+    scrollSnapType: "x proximity",
+    alignItems: "flex-start"
+  }, children: columns.map((column) => {
+    const columnCards = cardsOfColumn(cards, column.id);
+    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,
+      {
+        variant: "outlined",
+        component: "section",
+        "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: 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,
+              {
+                size: "small",
+                label: count,
+                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,
+            {
+              ref: droppableProvided.innerRef,
+              ...droppableProvided.droppableProps,
+              spacing: 1,
+              sx: {
+                minHeight: EMPTY_COLUMN_MIN_HEIGHT,
+                borderRadius: 2,
+                transition: "background-color 160ms",
+                bgcolor: droppableSnapshot.isDraggingOver ? "action.hover" : "transparent"
+              },
+              children: [
+                columnCards.map((card, index) => /* @__PURE__ */ jsx(Draggable, { draggableId: card.id, index, children: (draggableProvided, draggableSnapshot) => /* @__PURE__ */ jsxs(
+                  Paper,
+                  {
+                    ref: draggableProvided.innerRef,
+                    ...draggableProvided.draggableProps,
+                    ...draggableProvided.dragHandleProps,
+                    elevation: draggableSnapshot.isDragging ? 8 : 1,
+                    onClick: onCardClick ? () => onCardClick(card.id) : void 0,
+                    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 && addingColumnId !== column.id && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { textAlign: "center", py: 3 }, children: total > 0 ? t("emptyFiltered") : t("empty") })
+              ]
+            }
+          ) })
+        ]
+      },
+      column.id
+    );
+  }) }) });
+}
+export {
+  KanbanBoard as default
+};
+//# sourceMappingURL=KanbanBoard.js.map

package/dist/kanban/KanbanBoard.js.map

@@ -0,0 +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// 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/kanbanMoves.js

@@ -0,0 +1,29 @@
+function cardsOfColumn(cards, columnId) {
+  return cards.filter((card) => card.columnId === columnId);
+}
+function moveCard(cards, { cardId, toColumnId, toIndex }) {
+  const card = cards.find((candidate) => candidate.id === cardId);
+  if (!card) {
+    return cards;
+  }
+  const others = cards.filter((candidate) => candidate.id !== cardId);
+  const movedCard = { ...card, columnId: toColumnId };
+  const cardAtPlace = cardsOfColumn(others, toColumnId)[toIndex];
+  let insertAt;
+  if (cardAtPlace) {
+    insertAt = others.indexOf(cardAtPlace);
+  } else {
+    const lastOfColumn = others.map((candidate) => candidate.columnId).lastIndexOf(toColumnId);
+    insertAt = lastOfColumn === -1 ? others.length : lastOfColumn + 1;
+  }
+  return [...others.slice(0, insertAt), movedCard, ...others.slice(insertAt)];
+}
+function isOverLimit(column, cardCount) {
+  return Number.isInteger(column.limit) && cardCount > column.limit;
+}
+export {
+  cardsOfColumn,
+  isOverLimit,
+  moveCard
+};
+//# sourceMappingURL=kanbanMoves.js.map

package/dist/kanban/kanbanMoves.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanbanMoves.js","sources":["../../src/kanban/kanbanMoves.js"],"sourcesContent":["// Lo puro del tablero kanban: mover una tarjeta a otra columna (o a otro lugar de la suya) sin perder el orden de las\n// demás. Las tarjetas van en UN arreglo y el orden de cada columna es el orden en que aparecen ahí, como lo regresaría un\n// servidor ordenado por columna y posición.\n//\n// Funciones puras, sin React: function (regla de la casa).\n\n/**\n * Las tarjetas de una columna, en su orden.\n *\n * @template {{id: string, columnId: string}} Card las tarjetas del proyecto, con lo que traigan (título, etiquetas…)\n * @param {Card[]} cards\n * @param {string} columnId\n * @returns {Card[]}\n */\nexport function cardsOfColumn(cards, columnId) {\n    return cards.filter((card) => card.columnId === columnId);\n}\n\n/**\n * Las tarjetas con una movida: la tarjeta queda en toColumnId, en la posición toIndex de esa columna.\n *\n * @template {{id: string, columnId: string}} Card las tarjetas del proyecto, con lo que traigan (título, etiquetas…)\n * @param {Card[]} cards\n * @param {{cardId: string, toColumnId: string, toIndex: number}} move\n * @returns {Card[]} un arreglo nuevo (el de entrada no se toca), con las mismas tarjetas\n */\nexport function moveCard(cards, {cardId, toColumnId, toIndex}) {\n    const card = cards.find((candidate) => candidate.id === cardId);\n    if (!card) {\n        return cards;\n    }\n    const others = cards.filter((candidate) => candidate.id !== cardId);\n    const movedCard = {...card, columnId: toColumnId};\n    // va antes de la que hoy ocupa ese lugar en la columna; si no hay, después de la última de la columna\n    const cardAtPlace = cardsOfColumn(others, toColumnId)[toIndex];\n    let insertAt;\n    if (cardAtPlace) {\n        insertAt = others.indexOf(cardAtPlace);\n    } else {\n        const lastOfColumn = others.map((candidate) => candidate.columnId).lastIndexOf(toColumnId);\n        insertAt = lastOfColumn === -1 ? others.length : lastOfColumn + 1;\n    }\n    return [...others.slice(0, insertAt), movedCard, ...others.slice(insertAt)];\n}\n\n/**\n * ¿La columna pasó su tope de tarjetas (el límite de trabajo en curso)? Sin tope, nunca.\n *\n * @param {{limit?: number}} column\n * @param {number} cardCount\n * @returns {boolean}\n */\nexport function isOverLimit(column, cardCount) {\n    return Number.isInteger(column.limit) && cardCount > column.limit;\n}\n"],"names":[],"mappings":"AAcO,SAAS,cAAc,OAAO,UAAU;AAC3C,SAAO,MAAM,OAAO,CAAC,SAAS,KAAK,aAAa,QAAQ;AAC5D;AAUO,SAAS,SAAS,OAAO,EAAC,QAAQ,YAAY,QAAO,GAAG;AAC3D,QAAM,OAAO,MAAM,KAAK,CAAC,cAAc,UAAU,OAAO,MAAM;AAC9D,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AACA,QAAM,SAAS,MAAM,OAAO,CAAC,cAAc,UAAU,OAAO,MAAM;AAClE,QAAM,YAAY,EAAC,GAAG,MAAM,UAAU,WAAU;AAEhD,QAAM,cAAc,cAAc,QAAQ,UAAU,EAAE,OAAO;AAC7D,MAAI;AACJ,MAAI,aAAa;AACb,eAAW,OAAO,QAAQ,WAAW;AAAA,EACzC,OAAO;AACH,UAAM,eAAe,OAAO,IAAI,CAAC,cAAc,UAAU,QAAQ,EAAE,YAAY,UAAU;AACzF,eAAW,iBAAiB,KAAK,OAAO,SAAS,eAAe;AAAA,EACpE;AACA,SAAO,CAAC,GAAG,OAAO,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,MAAM,QAAQ,CAAC;AAC9E;AASO,SAAS,YAAY,QAAQ,WAAW;AAC3C,SAAO,OAAO,UAAU,OAAO,KAAK,KAAK,YAAY,OAAO;AAChE;"}

package/dist/kanban.js

@@ -0,0 +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,
+  tagOf,
+  todayIsoDateOf
+};
+//# sourceMappingURL=kanban.js.map

package/dist/kanban.js.map

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

package/dist/laravel/csrfRetry.js

@@ -0,0 +1,18 @@
+const CSRF_TOKEN_MISMATCH_STATUS = 419;
+function createCsrfRetryHandler({ refreshCsrfToken, repeatRequest, onRetry }) {
+  return async function retryAfterCsrfRefresh(error) {
+    const { config, response } = error ?? {};
+    if (response?.status !== CSRF_TOKEN_MISMATCH_STATUS || !config || config.retriedAfterCsrfRefresh) {
+      return null;
+    }
+    config.retriedAfterCsrfRefresh = true;
+    onRetry?.(config);
+    await refreshCsrfToken();
+    return repeatRequest(config);
+  };
+}
+export {
+  CSRF_TOKEN_MISMATCH_STATUS,
+  createCsrfRetryHandler
+};
+//# sourceMappingURL=csrfRetry.js.map

package/dist/laravel/csrfRetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"csrfRetry.js","sources":["../../src/laravel/csrfRetry.js"],"sourcesContent":["// 419 de Laravel (la cookie XSRF-TOKEN venció, p. ej. la sesión del servidor expiró con la pantalla abierta): se pide\n// una cookie nueva y se repite la MISMA petición UNA sola vez.\n//\n// Vive aparte de api.js para probarlo con node --test (csrfRetry.test.js) sin navegador. api.js lo engancha en el\n// interceptor de respuesta del cliente único.\n//\n// OJO: la bandera va en el config de axios de ESA petición. Si la repetición vuelve a responder 419, la bandera ya\n// está puesta y el error sigue su camino: sin ella, un servidor que siempre responde 419 sería un ciclo infinito.\n// El 419 no gasta intentos del límite de login: la revisión CSRF corre antes que throttle:login.\n//\n// Función pura, no renderiza: function (regla de la casa). Solo importa lo que recibe.\n\nexport const CSRF_TOKEN_MISMATCH_STATUS = 419;\n\n/**\n * Arma el manejador del 419 para el interceptor de respuesta.\n *\n * @param {object} dependencies\n * @param {() => Promise<unknown>} dependencies.refreshCsrfToken GET auth/csrf-token (deja la cookie nueva)\n * @param {(config: any) => Promise<any>} dependencies.repeatRequest vuelve a mandar la petición con el mismo\n *     cliente\n * @param {(config: any) => void} [dependencies.onRetry] para el log (sin datos personales)\n * @returns {(error: {config?: object, response?: {status: number}}) => Promise<object|null>} la respuesta de la repetición, o null si no aplica\n */\nexport function createCsrfRetryHandler({refreshCsrfToken, repeatRequest, onRetry}) {\n    return async function retryAfterCsrfRefresh(error) {\n        const {config, response} = error ?? {};\n\n        // guard clause: no es un 419, no hay config que repetir, o ya se repitió una vez\n        if (response?.status !== CSRF_TOKEN_MISMATCH_STATUS || !config || config.retriedAfterCsrfRefresh) {\n            return null;\n        }\n\n        config.retriedAfterCsrfRefresh = true;\n        onRetry?.(config);\n        await refreshCsrfToken();\n        return repeatRequest(config);\n    };\n}\n"],"names":[],"mappings":"AAYY,MAAC,6BAA6B;AAYnC,SAAS,uBAAuB,EAAC,kBAAkB,eAAe,QAAO,GAAG;AAC/E,SAAO,eAAe,sBAAsB,OAAO;AAC/C,UAAM,EAAC,QAAQ,SAAQ,IAAI,SAAS,CAAA;AAGpC,QAAI,UAAU,WAAW,8BAA8B,CAAC,UAAU,OAAO,yBAAyB;AAC9F,aAAO;AAAA,IACX;AAEA,WAAO,0BAA0B;AACjC,cAAU,MAAM;AAChB,UAAM,iBAAgB;AACtB,WAAO,cAAc,MAAM;AAAA,EAC/B;AACJ;"}

package/dist/laravel.js

@@ -0,0 +1,6 @@
+import { CSRF_TOKEN_MISMATCH_STATUS, createCsrfRetryHandler } from "./laravel/csrfRetry.js";
+export {
+  CSRF_TOKEN_MISMATCH_STATUS,
+  createCsrfRetryHandler
+};
+//# sourceMappingURL=laravel.js.map

package/dist/laravel.js.map

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

package/dist/lastListUrl.js

@@ -0,0 +1,35 @@
+"use client";
+import { useRef, useEffect } from "react";
+import { useToolkitNavigation } from "./toolkit/toolkitContext.js";
+import { safeInternalPath } from "./navigation.js";
+const STORAGE_KEY_PREFIX = "calcita:lastListUrl:";
+function rememberListUrl(listKey, listUrl) {
+  const safeListUrl = safeInternalPath(listUrl);
+  if (!safeListUrl) {
+    return;
+  }
+  try {
+    window.sessionStorage?.setItem(`${STORAGE_KEY_PREFIX}${listKey}`, safeListUrl);
+  } catch {
+  }
+}
+function recallListUrl(listKey) {
+  try {
+    return safeInternalPath(window.sessionStorage?.getItem(`${STORAGE_KEY_PREFIX}${listKey}`));
+  } catch {
+    return null;
+  }
+}
+function useRememberListUrl(listKey) {
+  const { useLocation } = useToolkitNavigation();
+  const { pathname, search } = useLocation();
+  const currentListUrl = useRef(`${pathname}${search}`);
+  currentListUrl.current = `${pathname}${search}`;
+  useEffect(() => () => rememberListUrl(listKey, currentListUrl.current), [listKey]);
+}
+export {
+  recallListUrl,
+  rememberListUrl,
+  useRememberListUrl
+};
+//# sourceMappingURL=lastListUrl.js.map

package/dist/lastListUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lastListUrl.js","sources":["../src/lastListUrl.js"],"sourcesContent":["// La última URL de una lista (con sus filtros, orden, pestaña y página), para que el detalle sepa a dónde regresar.\n//\n// BackButton usa navigate(-1) cuando hay historial. Esto es el RESPALDO para cuando no lo hay: el detalle se abrió en\n// una pestaña nueva, se recargó, o se llegó después de iniciar sesión. Se guarda al SALIR de la lista (desmontar).\n//\n// Por qué sessionStorage y no localStorage: es de esta pestaña y se borra al cerrarla. La URL de una lista no trae\n// datos personales, pero no tiene por qué sobrevivir en una máquina compartida.\n//\n// Funciones puras y un hook, no renderizan: function (regla de la casa).\nimport {useEffect, useRef} from 'react';\nimport {useToolkitNavigation} from '@/toolkit/toolkitContext.js';\n\nimport {safeInternalPath} from '@/navigation.js';\n\nconst STORAGE_KEY_PREFIX = 'calcita:lastListUrl:';\n\n/**\n * Anota la URL de una lista.\n *\n * @param {string} listKey p. ej. 'upload-control'\n * @param {string} listUrl pathname + search\n */\nexport function rememberListUrl(listKey, listUrl) {\n    const safeListUrl = safeInternalPath(listUrl);\n    if (!safeListUrl) {\n        return;\n    }\n    try {\n        window.sessionStorage?.setItem(`${STORAGE_KEY_PREFIX}${listKey}`, safeListUrl);\n    } catch {\n        // almacenamiento bloqueado o ventana privada: sin respaldo, BackButton usa fallbackTo\n    }\n}\n\n/**\n * La última URL anotada de una lista, ya validada como ruta interna; null si no hay.\n *\n * @param {string} listKey\n * @returns {string|null}\n */\nexport function recallListUrl(listKey) {\n    try {\n        return safeInternalPath(window.sessionStorage?.getItem(`${STORAGE_KEY_PREFIX}${listKey}`));\n    } catch {\n        return null;\n    }\n}\n\n/**\n * Se monta en la página de la lista: al salir de ella guarda la URL con la que se estaba viendo.\n *\n * @param {string} listKey\n */\nexport function useRememberListUrl(listKey) {\n    const {useLocation} = useToolkitNavigation();\n    const {pathname, search} = useLocation();\n    const currentListUrl = useRef(`${pathname}${search}`);\n    currentListUrl.current = `${pathname}${search}`;\n\n    useEffect(() => () => rememberListUrl(listKey, currentListUrl.current), [listKey]);\n}\n"],"names":[],"mappings":";;;;AAcA,MAAM,qBAAqB;AAQpB,SAAS,gBAAgB,SAAS,SAAS;AAC9C,QAAM,cAAc,iBAAiB,OAAO;AAC5C,MAAI,CAAC,aAAa;AACd;AAAA,EACJ;AACA,MAAI;AACA,WAAO,gBAAgB,QAAQ,GAAG,kBAAkB,GAAG,OAAO,IAAI,WAAW;AAAA,EACjF,QAAQ;AAAA,EAER;AACJ;AAQO,SAAS,cAAc,SAAS;AACnC,MAAI;AACA,WAAO,iBAAiB,OAAO,gBAAgB,QAAQ,GAAG,kBAAkB,GAAG,OAAO,EAAE,CAAC;AAAA,EAC7F,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;AAOO,SAAS,mBAAmB,SAAS;AACxC,QAAM,EAAC,YAAW,IAAI,qBAAoB;AAC1C,QAAM,EAAC,UAAU,OAAM,IAAI,YAAW;AACtC,QAAM,iBAAiB,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;AACpD,iBAAe,UAAU,GAAG,QAAQ,GAAG,MAAM;AAE7C,YAAU,MAAM,MAAM,gBAAgB,SAAS,eAAe,OAAO,GAAG,CAAC,OAAO,CAAC;AACrF;"}