@stackcraftmx/calcita 0.0.0-stage → 0.23.0

package/dist/kanban/KanbanBoard.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
+import Box from "@mui/material/Box";
+import Chip from "@mui/material/Chip";
+import Paper from "@mui/material/Paper";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { cardsOfColumn, isOverLimit } from "./kanbanMoves.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+const COLUMN_MIN_WIDTH_PIXELS = 220;
+const EMPTY_COLUMN_MIN_HEIGHT = 96;
+function DefaultCard({ card }) {
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 0.75, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", component: "p", 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)) })
+  ] });
+}
+function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, ariaLabel }) {
+  const { t } = useToolkitTranslation("kanban");
+  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 isOver = isOverLimit(column, columnCards.length);
+    const count = Number.isInteger(column.limit) ? `${columnCards.length} / ${column.limit}` : String(columnCards.length);
+    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: 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__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                label: count,
+                color: isOver ? "warning" : "default",
+                title: isOver ? t("overLimit", { limit: column.limit }) : void 0
+              }
+            )
+          ] }),
+          /* @__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__ */ jsx(
+                  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", "&:focus-visible": { outline: 2, outlineColor: "primary.main" } },
+                    children: renderCard ? renderCard(card) : /* @__PURE__ */ jsx(DefaultCard, { card })
+                  }
+                ) }, 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") })
+              ]
+            }
+          ) })
+        ]
+      },
+      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// 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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"}

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,9 @@
+import { default as default2 } from "./kanban/KanbanBoard.js";
+import { cardsOfColumn, isOverLimit, moveCard } from "./kanban/kanbanMoves.js";
+export {
+  default2 as KanbanBoard,
+  cardsOfColumn,
+  isOverLimit,
+  moveCard
+};
+//# 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;"}