@12-apps/ui 6.86.2 → 6.88.0

package/dist/chunk-UIJU5X26.js

@@ -0,0 +1,140 @@
+import {
+  focusables,
+  handleGridKey
+} from "./chunk-MPUOLKFT.js";
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-ARPOWDEO.js";
+import {
+  useSidewaysScroll
+} from "./chunk-GONPUJIE.js";
+import {
+  useGridDrag
+} from "./chunk-WBMLMLXP.js";
+import {
+  SR_ONLY_SX,
+  frameSx,
+  headerSx,
+  rootSx,
+  rowGridSx,
+  scrollSx
+} from "./chunk-WMTW4JXT.js";
+import {
+  useAnnouncer
+} from "./chunk-35HMJQLO.js";
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-57FIUJJJ.js";
+
+// src/components/data-display/ScheduleGrid/ScheduleGrid.tsx
+import Box from "@mui/material/Box/index.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function plusOf(target) {
+  if (!(target instanceof HTMLElement)) return null;
+  const plus = target.closest("button[data-sg-focus]");
+  return plus && plus.dataset.sgBlock === void 0 && plus.dataset.sgRow !== void 0 ? plus : null;
+}
+function useFollowFocus(rootRef) {
+  const pending = useRef(null);
+  useEffect(() => {
+    const follow = pending.current;
+    if (!follow || !rootRef.current) return;
+    const block = focusables(rootRef.current).find(
+      (el) => Number(el.dataset.sgDay) !== follow.day || el.dataset.sgBlock === void 0 ? false : follow.kind === "move" ? el.dataset.sgBlock === follow.id : el.dataset.sgRow === follow.row
+    );
+    if (!block) return;
+    block.focus(follow.kind === "create" && follow.pointer ? { preventScroll: true } : void 0);
+    pending.current = null;
+  });
+  return {
+    follow: (id, day) => {
+      pending.current = { kind: "move", id, day };
+    },
+    /** A key that presses an empty day's "+" (its click creates there). */
+    followCreate: (event) => {
+      const plus = plusOf(event.target);
+      if (event.key !== "Enter" && event.key !== " " || !plus?.dataset.sgRow) return;
+      pending.current = { kind: "create", row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: false };
+    },
+    /** A pointer click on an empty day's "+" (a key's click, `detail` 0, is the key's). */
+    followClickCreate: (event) => {
+      const plus = plusOf(event.target);
+      if (event.detail === 0 || !plus?.dataset.sgRow) return;
+      pending.current = { kind: "create", row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: true };
+    },
+    forget: () => {
+      pending.current = null;
+    }
+  };
+}
+function abilitiesOf(props) {
+  const open = !props.readOnly && !props.loading;
+  return { create: open && Boolean(props.onCreate), copy: open && Boolean(props.onCopy), move: open && Boolean(props.onMove) };
+}
+function ScheduleGrid(props) {
+  const { columns, groups, cell, onCreate, onCopy, onMove } = props;
+  const testId = props.dataTestId ?? "schedule-grid";
+  const labels = resolveLabels(EN_US_UI_LABELS.scheduleGrid, props.labels);
+  const rootRef = useRef(null);
+  const { text: announcement, say } = useAnnouncer();
+  const focus = useFollowFocus(rootRef);
+  const dragApi = useGridDrag(rootRef, { cell, onCreate, onCopy, onMove });
+  const can = abilitiesOf(props);
+  const rows = groups.flatMap((group) => group.rows);
+  const hasTotal = props.totalLabel !== void 0 || rows.some((row) => row.total !== void 0);
+  const rowSx = rowGridSx(columns.length, hasTotal);
+  const headRef = useRef(null);
+  const bodyRef = useRef(null);
+  const sideways = useSidewaysScroll(headRef, bodyRef);
+  const onKeyDown = (event) => {
+    sideways.release();
+    focus.forget();
+    if (!rootRef.current) return;
+    if (can.create) focus.followCreate(event);
+    handleGridKey(event, { root: rootRef.current, rows, columns, cell, can, onCopy, onMove, labels, say, follow: focus.follow });
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: rootSx, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref: rootRef,
+        role: "table",
+        "aria-label": props["aria-label"],
+        "aria-busy": props.loading || void 0,
+        "aria-description": props.loading ? labels.loading : void 0,
+        sx: frameSx(columns.length, hasTotal),
+        onKeyDown,
+        onPointerDownCapture: focus.forget,
+        onClickCapture: can.create ? focus.followClickCreate : void 0,
+        children: [
+          /* @__PURE__ */ jsx(Box, { ref: headRef, role: "none", sx: headerSx(props.stickyTop ?? 0), "data-sg-head": "", "data-testid": `${testId}-head`, onWheel: sideways.forwardWheel, children: /* @__PURE__ */ jsx(GridHeader, { columns, totalLabel: hasTotal ? props.totalLabel ?? "" : void 0, rowSx, testId }) }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              ref: bodyRef,
+              role: "none",
+              sx: scrollSx,
+              "data-sg-scroll": "",
+              "data-testid": `${testId}-scroll`,
+              onScroll: sideways.follow,
+              onFocus: sideways.bringOut,
+              onPointerDownCapture: sideways.press,
+              children: /* @__PURE__ */ jsx(GridBody, { grid: props, rows, rowSx, hasTotal, can, dragApi, labels, testId })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: SR_ONLY_SX, "aria-live": "polite", role: "status", "data-testid": `${testId}-live`, children: announcement })
+  ] });
+}
+
+export {
+  ScheduleGrid
+};
+//# sourceMappingURL=chunk-UIJU5X26.js.map

package/dist/chunk-UIJU5X26.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport React, { useEffect, useRef } from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport { focusables, handleGridKey } from './ScheduleGrid.keyboard';\nimport { GridBody, GridHeader, type CellAbilities } from './ScheduleGrid.parts';\nimport { frameSx, headerSx, rootSx, rowGridSx, scrollSx, SR_ONLY_SX } from './ScheduleGrid.styles';\nimport type { ScheduleGridProps } from './ScheduleGrid.types';\nimport { useAnnouncer } from './useAnnouncer';\nimport { useGridDrag } from './useGridDrag';\nimport { useSidewaysScroll } from './useSidewaysScroll';\n\n/**\n * After a keyboard move the host re-renders the block in its new cell (a new\n * element): focus follows it there. After a create on an empty day's \"+\" (Enter,\n * Space or a click) the \"+\" gives way to the host's new block: focus moves to\n * it, so the arrows go on from there — after a click without scrolling. A host\n * that refused keeps focus where it was; the next key or pointer press forgets\n * the wait.\n */\ntype FollowTarget = { kind: 'move'; id: string; day: number } | { kind: 'create'; row: string; day: number; pointer: boolean };\n\n/** The empty day's \"+\" an event landed on, if any. */\nfunction plusOf(target: EventTarget): HTMLElement | null {\n  if (!(target instanceof HTMLElement)) return null;\n  const plus = target.closest<HTMLElement>('button[data-sg-focus]');\n  return plus && plus.dataset.sgBlock === undefined && plus.dataset.sgRow !== undefined ? plus : null;\n}\n\nfunction useFollowFocus(rootRef: React.RefObject<HTMLElement | null>) {\n  const pending = useRef<FollowTarget | null>(null);\n  useEffect(() => {\n    const follow = pending.current;\n    if (!follow || !rootRef.current) return;\n    const block = focusables(rootRef.current).find((el) =>\n      Number(el.dataset.sgDay) !== follow.day || el.dataset.sgBlock === undefined\n        ? false\n        : follow.kind === 'move'\n          ? el.dataset.sgBlock === follow.id\n          : el.dataset.sgRow === follow.row,\n    );\n    if (!block) return;\n    // After a click the cell stays where the pointer left it: no scroll at all (FUT-3825 R1).\n    block.focus(follow.kind === 'create' && follow.pointer ? { preventScroll: true } : undefined);\n    pending.current = null;\n  });\n  return {\n    follow: (id: string, day: number): void => {\n      pending.current = { kind: 'move', id, day };\n    },\n    /** A key that presses an empty day's \"+\" (its click creates there). */\n    followCreate: (event: React.KeyboardEvent): void => {\n      const plus = plusOf(event.target);\n      if ((event.key !== 'Enter' && event.key !== ' ') || !plus?.dataset.sgRow) return;\n      pending.current = { kind: 'create', row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: false };\n    },\n    /** A pointer click on an empty day's \"+\" (a key's click, `detail` 0, is the key's). */\n    followClickCreate: (event: React.MouseEvent): void => {\n      const plus = plusOf(event.target);\n      if (event.detail === 0 || !plus?.dataset.sgRow) return;\n      pending.current = { kind: 'create', row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: true };\n    },\n    forget: (): void => {\n      pending.current = null;\n    },\n  };\n}\n\nfunction abilitiesOf(props: ScheduleGridProps): CellAbilities {\n  const open = !props.readOnly && !props.loading;\n  return { create: open && Boolean(props.onCreate), copy: open && Boolean(props.onCopy), move: open && Boolean(props.onMove) };\n}\n\n/**\n * People (or resources) as rows, days as columns, and blocks with a start and\n * an end in the cells — the week grid of a staff schedule (FUT-3825).\n *\n * Click an empty cell to create on that day; drag across empty cells of a row\n * to create on each; drag a block's edge grip along its row to copy it; drag\n * its middle to move it to another day or row; click it to open it. Touch\n * scrolls and never drags. Every gesture has a keyboard twin.\n *\n * The grid reports gestures; the hours, limits and refusals are the host's.\n */\nexport function ScheduleGrid(props: ScheduleGridProps): React.JSX.Element {\n  const { columns, groups, cell, onCreate, onCopy, onMove } = props;\n  const testId = props.dataTestId ?? 'schedule-grid';\n  const labels = resolveLabels(EN_US_UI_LABELS.scheduleGrid, props.labels);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { text: announcement, say } = useAnnouncer();\n  const focus = useFollowFocus(rootRef);\n  const dragApi = useGridDrag(rootRef, { cell, onCreate, onCopy, onMove });\n  const can = abilitiesOf(props);\n  const rows = groups.flatMap((group) => group.rows);\n  const hasTotal = props.totalLabel !== undefined || rows.some((row) => row.total !== undefined);\n  const rowSx = rowGridSx(columns.length, hasTotal);\n\n  const headRef = useRef<HTMLDivElement | null>(null);\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const sideways = useSidewaysScroll(headRef, bodyRef);\n\n  const onKeyDown = (event: React.KeyboardEvent): void => {\n    sideways.release();\n    focus.forget();\n    if (!rootRef.current) return;\n    if (can.create) focus.followCreate(event);\n    handleGridKey(event, { root: rootRef.current, rows, columns, cell, can, onCopy, onMove, labels, say, follow: focus.follow });\n  };\n\n  return (\n    <Box sx={rootSx} data-testid={testId}>\n      <Box\n        ref={rootRef}\n        role=\"table\"\n        aria-label={props['aria-label']}\n        aria-busy={props.loading || undefined}\n        aria-description={props.loading ? labels.loading : undefined}\n        sx={frameSx(columns.length, hasTotal)}\n        onKeyDown={onKeyDown}\n        onPointerDownCapture={focus.forget}\n        onClickCapture={can.create ? focus.followClickCreate : undefined}\n      >\n        {/* The header row sits outside the sideways scroller, so it sticks to the page; it follows the days sideways. */}\n        <Box ref={headRef} role=\"none\" sx={headerSx(props.stickyTop ?? 0)} data-sg-head=\"\" data-testid={`${testId}-head`} onWheel={sideways.forwardWheel}>\n          <GridHeader columns={columns} totalLabel={hasTotal ? (props.totalLabel ?? '') : undefined} rowSx={rowSx} testId={testId} />\n        </Box>\n        <Box ref={bodyRef} role=\"none\" sx={scrollSx} data-sg-scroll=\"\" data-testid={`${testId}-scroll`} onScroll={sideways.follow}\n          onFocus={sideways.bringOut}\n          onPointerDownCapture={sideways.press}\n        >\n          <GridBody grid={props} rows={rows} rowSx={rowSx} hasTotal={hasTotal} can={can} dragApi={dragApi} labels={labels} testId={testId} />\n        </Box>\n      </Box>\n      <Box sx={SR_ONLY_SX} aria-live=\"polite\" role=\"status\" data-testid={`${testId}-live`}>\n        {announcement}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UXOFA3ZP.js → chunk-UNCDOLF5.js}

@@ -1,19 +1,19 @@
+import {
+  activeItemLabel,
+  filterGroups
+} from "./chunk-BXC6GRLE.js";
 import {
   SettingsPanel
-} from "./chunk-W5WYTVLS.js";
+} from "./chunk-LY5I3ZSV.js";
 import {
   SettingsRail
 } from "./chunk-ZX3QMCYO.js";
-import {
-  activeItemLabel,
-  filterGroups
-} from "./chunk-BXC6GRLE.js";
 import {
   atLeastRail
 } from "./chunk-NK4T624E.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-UXOFA3ZP.js.map
+//# sourceMappingURL=chunk-UNCDOLF5.js.map

package/dist/{chunk-UYKIUUWP.js → chunk-V2QTL6VI.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   shadowInk
 } from "./chunk-XJAD6E3V.js";
@@ -170,4 +170,4 @@ export {
   DrawerHeader,
   DrawerContent
 };
-//# sourceMappingURL=chunk-UYKIUUWP.js.map
+//# sourceMappingURL=chunk-V2QTL6VI.js.map

package/dist/{chunk-6GICMRDX.js → chunk-VMTOLAZ5.js}

@@ -1,6 +1,9 @@
+import {
+  CategoryQuickActions
+} from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
-} from "./chunk-6OISIUZM.js";
+} from "./chunk-5F7HYYGM.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
@@ -9,9 +12,6 @@ import {
   CategoryMultiFoot,
   CategorySingleFoot
 } from "./chunk-WDSJ6SVY.js";
-import {
-  CategoryQuickActions
-} from "./chunk-PGGYZU7Q.js";
 import {
   panelSx,
   sheetSx
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-6GICMRDX.js.map
+//# sourceMappingURL=chunk-VMTOLAZ5.js.map

package/dist/{chunk-4QGMUHAU.js → chunk-VQ7YNAK2.js}

@@ -3,7 +3,7 @@ import {
   toggleList,
   wrapSelection,
   wrapSelectionWithLink
-} from "./chunk-ZANWHTXH.js";
+} from "./chunk-CVB26LLB.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.format.ts
 var WRAP_TAGS = {
@@ -50,4 +50,4 @@ var applyFormatToRange = ({
 export {
   applyFormatToRange
 };
-//# sourceMappingURL=chunk-4QGMUHAU.js.map
+//# sourceMappingURL=chunk-VQ7YNAK2.js.map

package/dist/chunk-WBMLMLXP.js

@@ -0,0 +1,94 @@
+import {
+  canDrop,
+  copyTargets,
+  createTargets
+} from "./chunk-E6UMTR2G.js";
+import {
+  useDragWindow,
+  useTrailingClick
+} from "./chunk-YE44HUFF.js";
+
+// src/components/data-display/ScheduleGrid/useGridDrag.ts
+import { useCallback, useRef, useState } from "react";
+function startsDrag(event) {
+  return event.pointerType !== "touch" && (event.button ?? 0) === 0;
+}
+function cellUnder(target, root) {
+  if (!(target instanceof Element) || !root) return null;
+  const cell = target.closest("[data-sg-cell]");
+  if (!cell || !root.contains(cell)) return null;
+  const rowId = cell.dataset.sgRow;
+  const day = Number(cell.dataset.sgDay);
+  return rowId !== void 0 && Number.isInteger(day) ? { rowId, day } : null;
+}
+function finishCreate(drag, handlers) {
+  if (!drag.moved) return false;
+  const days = createTargets((day) => handlers.cell(drag.rowId, day), drag.anchor, drag.day);
+  if (days.length > 0) handlers.onCreate?.(drag.rowId, days);
+  return true;
+}
+function finishCopy(drag, handlers) {
+  const days = copyTargets((day) => handlers.cell(drag.rowId, day), drag.anchor, drag.day);
+  if (days.length > 0) handlers.onCopy?.(drag.blockId, days);
+  return true;
+}
+function finishMove(drag, handlers) {
+  if (!drag.moved) return false;
+  const same = drag.rowId === drag.fromRow && drag.day === drag.fromDay;
+  if (canDrop(handlers.cell(drag.rowId, drag.day), same)) handlers.onMove?.(drag.blockId, drag.rowId, drag.day);
+  return true;
+}
+function finish(drag, handlers) {
+  if (drag.mode === "create") return finishCreate(drag, handlers);
+  if (drag.mode === "copy") return finishCopy(drag, handlers);
+  return finishMove(drag, handlers);
+}
+function useGridDrag(rootRef, handlers) {
+  const [drag, setDrag] = useState(null);
+  const live = useRef(null);
+  const latest = useRef(handlers);
+  latest.current = handlers;
+  const click = useTrailingClick();
+  const set = useCallback((next) => {
+    live.current = next;
+    setDrag(next);
+  }, []);
+  useDragWindow(drag !== null, {
+    move: (event) => {
+      const current = live.current;
+      const under = cellUnder(event.target, rootRef.current);
+      if (!current || !under) return;
+      const rowId = current.mode === "move" ? under.rowId : current.rowId;
+      if (under.day === current.day && rowId === current.rowId) return;
+      set({ ...current, rowId, day: under.day, moved: true });
+    },
+    up: () => {
+      const current = live.current;
+      set(null);
+      if (current && finish(current, latest.current)) click.arm(true);
+    },
+    // Abandoned: nothing reported, the ghost and the highlight gone. With the
+    // button still down, the click its release leaves is not a click either.
+    abort: (reason) => {
+      set(null);
+      if (reason === "escape" || reason === "blur") click.arm(false);
+    }
+  });
+  const begin = (event, next) => {
+    if (!startsDrag(event)) return;
+    click.reset();
+    set(next);
+  };
+  const startCreate = (event, rowId, day) => begin(event, { mode: "create", rowId, anchor: day, day, moved: false });
+  const startCopy = (event, blockId, rowId, day, preview) => {
+    event.stopPropagation();
+    begin(event, { mode: "copy", rowId, blockId, preview, anchor: day, day, moved: false });
+  };
+  const startMove = (event, blockId, rowId, day) => begin(event, { mode: "move", blockId, fromRow: rowId, fromDay: day, rowId, day, moved: false });
+  return { drag, startCreate, startCopy, startMove, takeClick: click.take };
+}
+
+export {
+  useGridDrag
+};
+//# sourceMappingURL=chunk-WBMLMLXP.js.map

package/dist/chunk-WBMLMLXP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/useGridDrag.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useCallback, useRef, useState } from 'react';\n\nimport { useDragWindow, useTrailingClick } from './drag-session';\nimport { canDrop, copyTargets, createTargets } from './schedule-grid-model';\nimport type { ScheduleGridCell } from './ScheduleGrid.types';\n\n/** The gesture in progress, and where the pointer is now. */\nexport type GridDrag =\n  | { mode: 'create'; rowId: string; anchor: number; day: number; moved: boolean }\n  | { mode: 'copy'; rowId: string; blockId: string; preview: string; anchor: number; day: number; moved: boolean }\n  | { mode: 'move'; blockId: string; fromRow: string; fromDay: number; rowId: string; day: number; moved: boolean };\n\ninterface DragHandlers {\n  cell: (rowId: string, day: number) => ScheduleGridCell;\n  onCreate?: (rowId: string, days: number[]) => void;\n  onCopy?: (blockId: string, days: number[]) => void;\n  onMove?: (blockId: string, toRowId: string, toDay: number) => void;\n}\n\nexport interface GridDragApi {\n  drag: GridDrag | null;\n  /** Pointer down on an empty cell. */\n  startCreate: (event: React.PointerEvent, rowId: string, day: number) => void;\n  /** Pointer down on a block's edge grip. */\n  startCopy: (event: React.PointerEvent, blockId: string, rowId: string, day: number, preview: string) => void;\n  /** Pointer down on a block's middle. */\n  startMove: (event: React.PointerEvent, blockId: string, rowId: string, day: number) => void;\n  /** True once, for the click a finished drag leaves behind — the caller ignores that click. */\n  takeClick: () => boolean;\n}\n\n/** A drag starts only for the primary button of a mouse or a pen: touch scrolls, and taps are clicks. */\nfunction startsDrag(event: React.PointerEvent): boolean {\n  return event.pointerType !== 'touch' && (event.button ?? 0) === 0;\n}\n\n/** The cell under a pointer event, from the `data-sg-*` attributes of the cell element. */\nfunction cellUnder(target: EventTarget | null, root: HTMLElement | null): { rowId: string; day: number } | null {\n  if (!(target instanceof Element) || !root) return null;\n  const cell = target.closest<HTMLElement>('[data-sg-cell]');\n  if (!cell || !root.contains(cell)) return null;\n  const rowId = cell.dataset.sgRow;\n  const day = Number(cell.dataset.sgDay);\n  return rowId !== undefined && Number.isInteger(day) ? { rowId, day } : null;\n}\n\n/** A create drag: every crossed day that is open. A press in place is left to the \"+\"'s own click. */\nfunction finishCreate(drag: Extract<GridDrag, { mode: 'create' }>, handlers: DragHandlers): boolean {\n  if (!drag.moved) return false;\n  const days = createTargets((day) => handlers.cell(drag.rowId, day), drag.anchor, drag.day);\n  if (days.length > 0) handlers.onCreate?.(drag.rowId, days);\n  return true;\n}\n\n/** A grip drag: the crossed days but the block's own. A grip pressed in place is not the block's click either. */\nfunction finishCopy(drag: Extract<GridDrag, { mode: 'copy' }>, handlers: DragHandlers): boolean {\n  const days = copyTargets((day) => handlers.cell(drag.rowId, day), drag.anchor, drag.day);\n  if (days.length > 0) handlers.onCopy?.(drag.blockId, days);\n  return true;\n}\n\n/** A middle drag: dropped on an open cell that is not its own. Not moved, it is the block's click. */\nfunction finishMove(drag: Extract<GridDrag, { mode: 'move' }>, handlers: DragHandlers): boolean {\n  if (!drag.moved) return false;\n  const same = drag.rowId === drag.fromRow && drag.day === drag.fromDay;\n  if (canDrop(handlers.cell(drag.rowId, drag.day), same)) handlers.onMove?.(drag.blockId, drag.rowId, drag.day);\n  return true;\n}\n\n/** Report the finished gesture to the host. Returns whether the trailing click must be ignored. */\nfunction finish(drag: GridDrag, handlers: DragHandlers): boolean {\n  if (drag.mode === 'create') return finishCreate(drag, handlers);\n  if (drag.mode === 'copy') return finishCopy(drag, handlers);\n  return finishMove(drag, handlers);\n}\n\n/**\n * Click-and-drag on the week grid (FUT-3825): create across empty cells of one\n * row, copy a block along its row by an edge grip, move a block by its middle.\n *\n * Window listeners while a drag runs, so the pointer may leave the grid and\n * come back, and a release anywhere commits; the cell under the pointer comes\n * from the event's own target (a mouse is never captured, so it is the\n * element under the pointer). Escape, the window losing focus, or a move with\n * no button down abandons the drag: nothing is reported.\n */\nexport function useGridDrag(rootRef: React.RefObject<HTMLElement | null>, handlers: DragHandlers): GridDragApi {\n  const [drag, setDrag] = useState<GridDrag | null>(null);\n  const live = useRef<GridDrag | null>(null);\n  const latest = useRef(handlers);\n  latest.current = handlers;\n  const click = useTrailingClick();\n\n  const set = useCallback((next: GridDrag | null) => {\n    live.current = next;\n    setDrag(next);\n  }, []);\n\n  useDragWindow(drag !== null, {\n    move: (event) => {\n      const current = live.current;\n      const under = cellUnder(event.target, rootRef.current);\n      if (!current || !under) return;\n      const rowId = current.mode === 'move' ? under.rowId : current.rowId;\n      if (under.day === current.day && rowId === current.rowId) return;\n      set({ ...current, rowId, day: under.day, moved: true } as GridDrag);\n    },\n    up: () => {\n      const current = live.current;\n      set(null);\n      if (current && finish(current, latest.current)) click.arm(true);\n    },\n    // Abandoned: nothing reported, the ghost and the highlight gone. With the\n    // button still down, the click its release leaves is not a click either.\n    abort: (reason) => {\n      set(null);\n      if (reason === 'escape' || reason === 'blur') click.arm(false);\n    },\n  });\n\n  const begin = (event: React.PointerEvent, next: GridDrag): void => {\n    if (!startsDrag(event)) return;\n    click.reset();\n    set(next);\n  };\n  const startCreate = (event: React.PointerEvent, rowId: string, day: number): void =>\n    begin(event, { mode: 'create', rowId, anchor: day, day, moved: false });\n  const startCopy = (event: React.PointerEvent, blockId: string, rowId: string, day: number, preview: string): void => {\n    event.stopPropagation();\n    begin(event, { mode: 'copy', rowId, blockId, preview, anchor: day, day, moved: false });\n  };\n  const startMove = (event: React.PointerEvent, blockId: string, rowId: string, day: number): void =>\n    begin(event, { mode: 'move', blockId, fromRow: rowId, fromDay: day, rowId, day, moved: false });\n\n  return { drag, startCreate, startCopy, startMove, takeClick: click.take };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-B32XH7NK.js → chunk-WHOD6LVN.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Toast
-} from "./chunk-T77OVQEO.js";
+} from "./chunk-LZKS3NER.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/form/total-form/FormErrorSnackbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -30,4 +30,4 @@ function FormErrorSnackbar({
 export {
   FormErrorSnackbar
 };
-//# sourceMappingURL=chunk-B32XH7NK.js.map
+//# sourceMappingURL=chunk-WHOD6LVN.js.map

package/dist/{chunk-X3EEV3OI.js → chunk-WLC56R2I.js}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-C4NSEUT5.js";
+} from "./chunk-Y6IIWGZB.js";
 import {
   PillControl
-} from "./chunk-GOQOVKUZ.js";
-import {
-  isQuickActive
-} from "./chunk-KYUEO2IO.js";
+} from "./chunk-I6CP3ZTP.js";
 import {
   RangePill
-} from "./chunk-G4W6HR6Q.js";
+} from "./chunk-B7GGLFJB.js";
 import {
   QuickChip
 } from "./chunk-AT6UKTH4.js";
+import {
+  isQuickActive
+} from "./chunk-KYUEO2IO.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -248,4 +248,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-X3EEV3OI.js.map
+//# sourceMappingURL=chunk-WLC56R2I.js.map