@12-apps/ui 6.87.0 → 6.89.0

package/src/components/data-display/ScheduleGrid/ScheduleGrid.styles.ts

@@ -88,6 +88,10 @@ export function frameSx(dayCount: number, hasTotal: boolean): SxProps<Theme> {
           // Covers the gap after it too, so nothing scrolling shows between the name and the days.
           boxShadow: `${rem(theme, M.gap)} 0 0 ${theme.palette.background.default}`,
         },
+        // A group's title is pinned with the names. A sticky box stays inside its containing block,
+        // and a group as wide as the visible days ran out of room long before the days did: past
+        // that it slid off under the names ("COZINHA" read "IA"). The group is as wide as its rows.
+        '& [role="rowgroup"]': { minWidth: 'var(--sg-min)' },
         '& [data-sg-group-title]': { position: 'sticky', left: 0, width: 'fit-content' },
       },
       [below(theme, M.narrowBelow)]: {
@@ -106,8 +110,11 @@ export function frameSx(dayCount: number, hasTotal: boolean): SxProps<Theme> {
   };
 }
 
-/** The body: scrolls sideways (under the compact bound) when the days' minimums do not fit. */
-export const scrollSx: SxProps<Theme> = { minWidth: 0 };
+/**
+ * The body: scrolls sideways (under the compact bound) when the days' minimums do not fit.
+ * `scrollToDay` jumps there at once: never a smooth scroll, whatever the host's page sets.
+ */
+export const scrollSx: SxProps<Theme> = { minWidth: 0, scrollBehavior: 'auto' };
 
 /** One line of the grid — the header or a person — as the shared columns. */
 /** A style that may sit in an `sx` array next to another. */
@@ -143,11 +150,15 @@ export const headerRowSx: SxPart = (theme: Theme) => ({
   paddingBottom: theme.spacing(0.75),
 });
 
-export function headerCellSx(today: boolean): SxProps<Theme> {
+/** A day's header: today's label in the primary colour, a gone day's in the secondary ink (today wins). */
+export function headerCellSx(today: boolean, past = false): SxProps<Theme> {
+  let color = 'text.primary';
+  if (past) color = 'text.secondary';
+  if (today) color = 'primary.main';
   return {
     fontSize: sxRem(M.headerLabel),
     fontWeight: 500,
-    color: today ? 'primary.main' : 'text.primary',
+    color,
     p: 0.5,
     minWidth: 0,
     // A long label ("Hoje · Seg 19/10") wraps to a second line, as the prototype's: never cut.
@@ -204,6 +215,8 @@ export const totalCellSx: SxProps<Theme> = {
 export interface CellLook {
   today: boolean;
   blocked: boolean;
+  /** The day has gone (`closed`): no fill, the divider border; never a drop target. */
+  closed: boolean;
   /** A create or copy will land here: dashed, with the hours as ghost text. */
   target: boolean;
   /** The pointer is over it while a block moves. */
@@ -239,6 +252,7 @@ export function cellSx(look: CellLook): SxProps<Theme> {
     if (look.blocked) {
       return { ...base, background: hatch(theme), borderColor: theme.palette.divider, cursor: 'not-allowed' };
     }
+    if (look.closed) return { ...base, backgroundColor: 'transparent', borderColor: theme.palette.divider };
     if (look.target) {
       return {
         ...base,

package/src/components/data-display/ScheduleGrid/ScheduleGrid.tsx

@@ -3,14 +3,15 @@
 import Box from '@mui/material/Box/index.js';
 import React, { useEffect, useRef } from 'react';
 
-import { EN_US_UI_LABELS } from '../../../en-US.labels';
 import { resolveLabels } from '../../../utils/resolve-labels';
+import { EN_US_SCHEDULE_GRID_LABELS } from './ScheduleGrid.en-US';
 import { focusables, handleGridKey } from './ScheduleGrid.keyboard';
 import { GridBody, GridHeader, type CellAbilities } from './ScheduleGrid.parts';
 import { frameSx, headerSx, rootSx, rowGridSx, scrollSx, SR_ONLY_SX } from './ScheduleGrid.styles';
 import type { ScheduleGridProps } from './ScheduleGrid.types';
 import { useAnnouncer } from './useAnnouncer';
 import { useGridDrag } from './useGridDrag';
+import { useScrollToDay } from './useScrollToDay';
 import { useSidewaysScroll } from './useSidewaysScroll';
 
 /**
@@ -69,6 +70,11 @@ function useFollowFocus(rootRef: React.RefObject<HTMLElement | null>) {
   };
 }
 
+/** The body shows the days' rows: not the skeleton, the host's error or its empty state. */
+function daysDrawn(props: ScheduleGridProps, rowCount: number): boolean {
+  return !props.loading && !props.error && rowCount > 0;
+}
+
 function abilitiesOf(props: ScheduleGridProps): CellAbilities {
   const open = !props.readOnly && !props.loading;
   return { create: open && Boolean(props.onCreate), copy: open && Boolean(props.onCopy), move: open && Boolean(props.onMove) };
@@ -88,7 +94,7 @@ function abilitiesOf(props: ScheduleGridProps): CellAbilities {
 export function ScheduleGrid(props: ScheduleGridProps): React.JSX.Element {
   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 labels = resolveLabels(EN_US_SCHEDULE_GRID_LABELS, props.labels);
   const rootRef = useRef<HTMLDivElement | null>(null);
   const { text: announcement, say } = useAnnouncer();
   const focus = useFollowFocus(rootRef);
@@ -101,6 +107,7 @@ export function ScheduleGrid(props: ScheduleGridProps): React.JSX.Element {
   const headRef = useRef<HTMLDivElement | null>(null);
   const bodyRef = useRef<HTMLDivElement | null>(null);
   const sideways = useSidewaysScroll(headRef, bodyRef);
+  useScrollToDay(headRef, bodyRef, { day: props.scrollToDay, dayCount: columns.length, drawn: daysDrawn(props, rows.length) }, sideways.follow);
 
   const onKeyDown = (event: React.KeyboardEvent): void => {
     sideways.release();

package/src/components/data-display/ScheduleGrid/ScheduleGrid.types.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 
-import type { ScheduleGridLabels } from '../../../copy/labels';
+import type { ScheduleGridLabels } from './ScheduleGrid.labels';
 
 /**
  * How a block reads. Each tone is drawn differently AND carries its `note`
@@ -21,6 +21,12 @@ export interface ScheduleGridColumn {
   sublabel?: string;
   /** Today's column: its label in the primary colour and its cells framed. */
   today?: boolean;
+  /**
+   * The day has gone: its label in the secondary ink (`today` wins). The
+   * header only — the cells that can take no new turno say so themselves
+   * (`ScheduleGridCell.closed`).
+   */
+  past?: boolean;
 }
 
 /** A row: one person (or resource) across the days. */
@@ -95,6 +101,20 @@ export interface ScheduleGridCell {
   blocked?: boolean;
   /** Written in a blocked cell with no blocks ("Afastamento"). */
   blockedLabel?: string;
+  /**
+   * The day can take no new turno (it has gone). No "+", the empty cell is no
+   * focus stop, a create or copy drag skips it and a move or keyboard
+   * copy/move onto it is refused — as on a `blocked` day — but with no hatch
+   * and no label: the cell just looks empty. Blocks already there still show
+   * and still open. Drawn with no fill, only the divider border.
+   */
+  closed?: boolean;
+  /**
+   * A closed cell's words for a screen reader ("Já passou"), visually hidden;
+   * nothing on screen. Without it the cell stays unnamed. Ignored on a
+   * `blocked` cell, which has its own name.
+   */
+  closedLabel?: string;
 }
 
 export interface ScheduleGridProps {
@@ -112,12 +132,12 @@ export interface ScheduleGridProps {
   readOnly?: boolean;
   /**
    * A click on an empty cell (one day), or a drag across empty cells of one
-   * row (every crossed day that is empty and not blocked).
+   * row (every crossed day that is empty, not blocked and not closed).
    */
   onCreate?: (rowId: string, days: number[]) => void;
-  /** A block's edge grip dragged along its row: the crossed days that are empty and not blocked. */
+  /** A block's edge grip dragged along its row: the crossed days that are empty, not blocked and not closed. */
   onCopy?: (blockId: string, days: number[]) => void;
-  /** A block's middle dropped on an empty, open cell of any row. */
+  /** A block's middle dropped on an empty, open cell of any row (never a blocked or closed one). */
   onMove?: (blockId: string, toRowId: string, toDay: number) => void;
   /** A block clicked, tapped or Entered. */
   onBlockClick?: (blockId: string) => void;
@@ -129,6 +149,17 @@ export interface ScheduleGridProps {
   error?: React.ReactNode;
   /** Shown when there are no rows at all. */
   empty?: React.ReactNode;
+  /**
+   * A day (its index in `columns`) to open the days on, once per value: as
+   * soon as the days are drawn (after `loading`, and once the grid has a
+   * width), they scroll sideways so that day is the first column after the
+   * pinned names (or as far as they reach) — today, on a week opened
+   * mid-week. At once, never smoothly; focus and the page's own scroll are
+   * left alone, and the header row follows. The same value on a later render
+   * keeps the person's own scroll, and a resize does not re-anchor. Nothing
+   * happens while the days fit. Assumes LTR.
+   */
+  scrollToDay?: number;
   /** The header row sticks this far from the top of the scroll container (a sticky page bar above). Default 0. */
   stickyTop?: number;
   /** The grid's accessible name ("Escala da semana"). */

package/src/components/data-display/ScheduleGrid/index.ts

@@ -9,4 +9,5 @@ export type {
   ScheduleGridProps,
   ScheduleGridRow,
 } from './ScheduleGrid.types';
-export type { ScheduleGridLabels } from '../../../copy/labels';
+export { SCHEDULE_GRID_LABELS } from './ScheduleGrid.labels';
+export type { ScheduleGridLabels } from './ScheduleGrid.labels';

package/src/components/data-display/ScheduleGrid/schedule-grid-model.ts

@@ -5,9 +5,9 @@ import type { ScheduleGridCell } from './ScheduleGrid.types';
  * on. The host decides everything else — hours, limits, refusals.
  */
 
-/** A cell that can take a new turno: nothing in it and not closed to the row. */
+/** A cell that can take a new turno: nothing in it, not closed to the row (`blocked`) and not gone (`closed`). */
 export function isOpen(cell: ScheduleGridCell): boolean {
-  return !cell.blocked && cell.blocks.length === 0;
+  return !cell.blocked && !cell.closed && cell.blocks.length === 0;
 }
 
 /** Every day from `a` to `b` inclusive, in order, whichever is larger. */

package/src/components/data-display/ScheduleGrid/useScrollToDay.ts

@@ -0,0 +1,99 @@
+import type * as React from 'react';
+import { useLayoutEffect, useRef } from 'react';
+
+/**
+ * How far the days must scroll sideways for `day` to be the first column after
+ * the pinned names, measured on the header row — or `null` when the header is
+ * not laid out (no box: `display: none`, or a container that has no width yet).
+ */
+function offsetOf(head: HTMLElement, day: number): number | null {
+  const row = head.querySelector<HTMLElement>('[role="row"]');
+  const corner = row?.querySelector<HTMLElement>('[data-sg-corner]');
+  const column = row?.querySelectorAll<HTMLElement>('[role="columnheader"]')[day];
+  if (!row || !corner || !column) return null;
+  const cornerBox = corner.getBoundingClientRect();
+  const columnBox = column.getBoundingClientRect();
+  if (cornerBox.width === 0 || columnBox.width === 0) return null;
+  const gap = Number.parseFloat(getComputedStyle(row).columnGap) || 0;
+  return columnBox.left - (cornerBox.right + gap);
+}
+
+/**
+ * Scroll the days so `day` opens first. The offset is the header's, so it is
+ * added to the HEADER's scroll (the two can differ until the body's scroll
+ * event has synced them); the body then jumps there, and the header follows.
+ * Returns whether it could measure.
+ */
+function anchor(head: HTMLElement, body: HTMLElement, day: number, follow: () => void): boolean {
+  const offset = offsetOf(head, day);
+  if (offset === null) return false;
+  // The browser clamps a target outside the reach, on either side.
+  const target = head.scrollLeft + offset;
+  if (typeof body.scrollTo === 'function') body.scrollTo({ left: target, behavior: 'instant' });
+  else body.scrollLeft = target;
+  follow();
+  return true;
+}
+
+/** Whether `day` names one of the `dayCount` columns. */
+function isColumn(day: number | undefined, dayCount: number): day is number {
+  return day !== undefined && Number.isInteger(day) && day >= 0 && day < dayCount;
+}
+
+/** Whether this value was already anchored (a re-render, a refetch): the person's scroll stays. */
+function sameAnchor(done: { day: number; dayCount: number } | null, day: number, dayCount: number): boolean {
+  return done !== null && done.day === day && done.dayCount === dayCount;
+}
+
+interface Anchoring {
+  day: number | undefined;
+  dayCount: number;
+  /** The days are drawn: not loading, no error, at least one row. */
+  drawn: boolean;
+}
+
+/**
+ * `scrollToDay`: once per value (and per day count), as soon as the days are
+ * drawn, they scroll sideways so that day opens first after the pinned names.
+ * At once (`behavior: 'instant'`, and `scrollSx` pins the scroller's own
+ * `scroll-behavior` to `auto` too), so there is no motion to reduce; only
+ * sideways — no `scrollIntoView`, which would also move the page — and no
+ * focus. LTR: it reads the names as the left column.
+ *
+ * - The same value on a later render — a re-render, a refetch's
+ *   `loading` → loaded — leaves the person's own scroll alone.
+ * - While loading (or empty, or failed) it waits for the rows, then anchors.
+ * - When the header has no box yet (`display: none`, a container sized after
+ *   mount) it waits for the first width — a one-shot `ResizeObserver` on the
+ *   header — then anchors and stops observing.
+ * - A later resize does not re-anchor.
+ */
+export function useScrollToDay(
+  headRef: React.RefObject<HTMLElement | null>,
+  bodyRef: React.RefObject<HTMLElement | null>,
+  { day, dayCount, drawn }: Anchoring,
+  follow: () => void,
+): void {
+  const done = useRef<{ day: number; dayCount: number } | null>(null);
+  const followRef = useRef(follow);
+  useLayoutEffect(() => {
+    followRef.current = follow;
+  });
+  useLayoutEffect(() => {
+    const head = headRef.current;
+    const body = bodyRef.current;
+    if (!isColumn(day, dayCount) || sameAnchor(done.current, day, dayCount)) return undefined;
+    if (!drawn || !head || !body) return undefined;
+    const settle = (): boolean => {
+      if (!anchor(head, body, day, () => followRef.current())) return false;
+      done.current = { day, dayCount };
+      return true;
+    };
+    if (settle() || typeof ResizeObserver === 'undefined') return undefined;
+    const observer = new ResizeObserver(() => {
+      if (settle()) observer.disconnect();
+    });
+    observer.observe(head);
+    return () => observer.disconnect();
+  }, [day, dayCount, drawn, headRef, bodyRef]);
+}

package/src/copy/labels.ts

@@ -214,40 +214,6 @@ export interface DateRangePickerLabels {
   calendar: string;
 }
 
-/** `ScheduleGrid`'s cell names and the sentences its live region reads after a keyboard copy or move. */
-export interface ScheduleGridLabels {
-  /** An empty cell's button: schedule this row on this day. */
-  createCell(row: string, column: string): string;
-  /** A blocked cell with no label of its own. */
-  blockedCell(row: string, column: string): string;
-  /** After Shift+←/→ copied a block to the next or previous day. */
-  copied(block: string, column: string): string;
-  /** After Alt+←/→ moved a block to the next or previous day. */
-  moved(block: string, row: string, column: string): string;
-  /** A keyboard copy or move whose day is taken, closed or outside the grid. */
-  refused: string;
-  /** Shift/Alt+←/→ on a block that is not `copyable` / `movable`: the block is fixed, not the day. */
-  notMovable: string;
-  /** The grid's busy state. */
-  loading: string;
-}
-
-/** `DayRuler`'s track names and the sentences its live region reads after a keyboard move or resize. */
-export interface DayRulerLabels {
-  /** A row's empty track: Enter schedules this row. */
-  createTrack(row: string): string;
-  /** After Alt+←/→ moved a block; `range` is "20:45–00:45". */
-  moved(block: string, range: string): string;
-  /** After Shift(+Alt)+←/→ changed a block's end or start. */
-  resized(block: string, range: string): string;
-  /** A keyboard move or resize past the ruler's ends or under the shortest length. */
-  refused: string;
-  /** Shift/Alt+←/→ on a block that is not `movable` / `resizable`: the block is fixed. */
-  notMovable: string;
-  /** The ruler's busy state. */
-  loading: string;
-}
-
 /**
  * `Calendar`'s month/year caption (`captionLayout="selectors"`): the two
  * selector buttons, the month arrows and the two pick grids. The month and
@@ -298,7 +264,5 @@ export interface UiLabels {
   infiniteScroll: InfiniteScrollLabels;
   socialLogin: SocialLoginLabels;
   dateRangePicker: DateRangePickerLabels;
-  scheduleGrid: ScheduleGridLabels;
-  dayRuler: DayRulerLabels;
   calendar: CalendarLabels;
 }

package/src/en-US.labels.ts

@@ -144,23 +144,6 @@ export const EN_US_UI_LABELS: UiLabels = {
   dateRangePicker: {
     calendar: "Calendar",
   },
-  scheduleGrid: {
-    createCell: (row, column) => `Schedule ${row}, ${column}`,
-    blockedCell: (row, column) => `${row}, ${column}: closed`,
-    copied: (block, column) => `${block} copied to ${column}`,
-    moved: (block, row, column) => `${block} moved to ${row}, ${column}`,
-    refused: "Not there: that day is taken or closed",
-    notMovable: "This shift cannot be changed here",
-    loading: "Loading the schedule",
-  },
-  dayRuler: {
-    createTrack: (row) => `Schedule ${row}`,
-    moved: (block, range) => `${block} now ${range}`,
-    resized: (block, range) => `${block} now ${range}`,
-    refused: "It cannot go further",
-    notMovable: "This shift cannot be changed here",
-    loading: "Loading the day",
-  },
   calendar: {
     chooseMonth: (month) => `${month}, choose month`,
     chooseYear: (year) => `${year}, choose year`,

package/src/pt-BR.labels.ts

@@ -143,23 +143,6 @@ export const PT_BR_UI_LABELS: UiLabels = {
   dateRangePicker: {
     calendar: "Calendário",
   },
-  scheduleGrid: {
-    createCell: (row, column) => `Agendar ${row}, ${column}`,
-    blockedCell: (row, column) => `${row}, ${column}: fechado`,
-    copied: (block, column) => `${block} copiado para ${column}`,
-    moved: (block, row, column) => `${block} movido para ${row}, ${column}`,
-    refused: "Não dá para pôr aí: o dia está ocupado ou fechado",
-    notMovable: "Este turno não muda por aqui",
-    loading: "Carregando a escala",
-  },
-  dayRuler: {
-    createTrack: (row) => `Agendar ${row}`,
-    moved: (block, range) => `${block} agora ${range}`,
-    resized: (block, range) => `${block} agora ${range}`,
-    refused: "Não dá para ir além",
-    notMovable: "Este turno não muda por aqui",
-    loading: "Carregando o dia",
-  },
   calendar: {
     chooseMonth: (month) => `${month}, escolher mês`,
     chooseYear: (year) => `${year}, escolher ano`,

package/dist/chunk-57FIUJJJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/en-US.labels.ts"],"sourcesContent":["/**\n * The en-US labels pack — and, unlike the other en-US packs, the components'\n * own fallback: each `labels` prop is optional, and this is what a host that\n * passes nothing has always rendered, kept word for word (including the\n * lower-case `close`/`loading` names tests already query by).\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const EN_US_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"loading\",\n    close: \"close\",\n    delete: \"delete\",\n  },\n  stepper: {\n    step: (position, label) => `Step ${position}: ${label}`,\n    optional: \"optional\",\n    completed: \"completed\",\n    current: \"current\",\n  },\n  timeline: {\n    expandDetails: \"Expand item details\",\n    collapseDetails: \"Collapse item details\",\n    item: (title) => `Timeline item: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (loading)`,\n    fallbackAlt: (alt) => `${alt} (fallback)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} more`,\n  },\n  richTextEditor: {\n    placeholder: \"Start typing...\",\n    ariaLabel: \"Rich text editor\",\n    listItem: \"List item\",\n    bold: \"Bold\",\n    italic: \"Italic\",\n    underline: \"Underline\",\n    strikethrough: \"Strikethrough\",\n    numberedList: \"Numbered List\",\n    bulletedList: \"Bulleted List\",\n    insertLink: \"Insert Link\",\n    insertImage: \"Insert Image\",\n    codeBlock: \"Code Block\",\n    quote: \"Quote\",\n    linkPrompt: \"Enter URL:\",\n    imagePrompt: \"Enter image URL:\",\n  },\n  table: {\n    sortBy: (header) => `Sort by ${header}`,\n    selectRow: (rowNumber) => `select row ${rowNumber}`,\n    selectAllRows: \"select all\",\n  },\n  code: {\n    copy: \"Copy code\",\n    copied: \"Copied!\",\n  },\n  contentToolbar: {\n    gridView: \"Grid View\",\n    listView: \"List View\",\n    openFilters: \"Open filters\",\n    closeFilters: \"Close filters\",\n    filters: \"Filters\",\n    all: \"All\",\n    search: \"Search…\",\n    noResults: \"No results\",\n  },\n  dashboard: {\n    breadcrumb: \"breadcrumb\",\n    moreFilters: \"More filters\",\n  },\n  navigationMenu: {\n    collapse: \"Collapse\",\n    expand: \"Expand\",\n  },\n  workflowStep: {\n    step: (position, title) => `Step ${position}: ${title}`,\n    progress: (position, total) => `Step ${position} of ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancel\",\n    confirm: \"Confirm\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Refresh\",\n    create: \"Create New\",\n  },\n  errorState: {\n    retry: \"Retry\",\n  },\n  loadingState: {\n    skeleton: \"Loading content\",\n    spinner: \"Loading\",\n  },\n  stackedModal: {\n    loading: \"Loading...\",\n  },\n  command: {\n    placeholder: \"Type a command or search...\",\n    empty: \"No results found\",\n    loading: \"Loading...\",\n  },\n  formErrorSnackbar: {\n    message: \"Please fix the highlighted fields and try again.\",\n  },\n  columnsMenu: {\n    title: \"Columns\",\n    toggle: \"Toggle columns\",\n  },\n  drawer: {\n    close: \"Close drawer\",\n  },\n  settingsLayout: {\n    navigation: \"Settings\",\n    searchPlaceholder: \"Search settings\",\n    emptySearch: \"No settings match your search.\",\n    back: \"Back\",\n  },\n  tableFilter: {\n    filters: \"Filters\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    keywordLabel: \"Filter by keyword\",\n  },\n  appHeader: {\n    disclose: (title) => `${title} details`,\n  },\n  breadcrumbs: {\n    navigation: \"breadcrumb navigation\",\n  },\n  animatedIcon: {\n    name: (variant) => `Animated ${variant} icon`,\n  },\n  infiniteScroll: {\n    loadFailed: \"An error occurred while loading more items\",\n  },\n  socialLogin: {\n    title: \"Sign in to continue\",\n    divider: \"or\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendar\",\n  },\n  scheduleGrid: {\n    createCell: (row, column) => `Schedule ${row}, ${column}`,\n    blockedCell: (row, column) => `${row}, ${column}: closed`,\n    copied: (block, column) => `${block} copied to ${column}`,\n    moved: (block, row, column) => `${block} moved to ${row}, ${column}`,\n    refused: \"Not there: that day is taken or closed\",\n    notMovable: \"This shift cannot be changed here\",\n    loading: \"Loading the schedule\",\n  },\n  dayRuler: {\n    createTrack: (row) => `Schedule ${row}`,\n    moved: (block, range) => `${block} now ${range}`,\n    resized: (block, range) => `${block} now ${range}`,\n    refused: \"It cannot go further\",\n    notMovable: \"This shift cannot be changed here\",\n    loading: \"Loading the day\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, choose month`,\n    chooseYear: (year) => `${year}, choose year`,\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    months: \"Months\",\n    years: \"Years\",\n  },\n};\n"],"mappings":";AAQO,IAAM,kBAA4B;AAAA,EACvC,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,MAAM,CAAC,UAAU,UAAU,QAAQ,QAAQ,KAAK,KAAK;AAAA,IACrD,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,MAAM,CAAC,UAAU,kBAAkB,KAAK;AAAA,EAC1C;AAAA,EACA,WAAW;AAAA,IACT,YAAY,CAAC,QAAQ,GAAG,GAAG;AAAA,IAC3B,aAAa,CAAC,QAAQ,GAAG,GAAG;AAAA,EAC9B;AAAA,EACA,QAAQ;AAAA,IACN,aAAa,CAAC,UAAU,IAAI,KAAK;AAAA,EACnC;AAAA,EACA,gBAAgB;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,cAAc;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQ,CAAC,WAAW,WAAW,MAAM;AAAA,IACrC,WAAW,CAAC,cAAc,cAAc,SAAS;AAAA,IACjD,eAAe;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,UAAU,UAAU,QAAQ,QAAQ,KAAK,KAAK;AAAA,IACrD,UAAU,CAAC,UAAU,UAAU,QAAQ,QAAQ,OAAO,KAAK;AAAA,EAC7D;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,IACT,UAAU,CAAC,UAAU,GAAG,KAAK;AAAA,EAC/B;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,YAAY,YAAY,OAAO;AAAA,EACxC;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,YAAY,CAAC,KAAK,WAAW,YAAY,GAAG,KAAK,MAAM;AAAA,IACvD,aAAa,CAAC,KAAK,WAAW,GAAG,GAAG,KAAK,MAAM;AAAA,IAC/C,QAAQ,CAAC,OAAO,WAAW,GAAG,KAAK,cAAc,MAAM;AAAA,IACvD,OAAO,CAAC,OAAO,KAAK,WAAW,GAAG,KAAK,aAAa,GAAG,KAAK,MAAM;AAAA,IAClE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,aAAa,CAAC,QAAQ,YAAY,GAAG;AAAA,IACrC,OAAO,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,IAC9C,SAAS,CAAC,OAAO,UAAU,GAAG,KAAK,QAAQ,KAAK;AAAA,IAChD,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,aAAa,CAAC,UAAU,GAAG,KAAK;AAAA,IAChC,YAAY,CAAC,SAAS,GAAG,IAAI;AAAA,IAC7B,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/chunk-7RXL4ONS.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-7RXL4ONS.js.map

package/dist/chunk-BK3YLYL6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.keyboard.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport type { DayRulerLabels } from '../../../copy/labels';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\nimport { clamp, formatRange, moved, resized, snapTo } from './day-ruler-model';\nimport type { DayRulerBlock, RulerHour } from './DayRuler.types';\n\n/** The ruler's span and step, resolved once per render. */\nexport interface RulerScale {\n  from: RulerHour;\n  to: RulerHour;\n  /** The snap, in hours (0.25 for 15 minutes). */\n  snap: number;\n  createHours: number;\n  tickHours: number;\n}\n\n/** What the ruler lets a row do, resolved once per render. */\nexport interface RulerAbilities {\n  create: boolean;\n  move: boolean;\n  resize: boolean;\n}\n\n/** Which gesture a modified arrow asks of a block, if the ruler allows it. */\ntype Gesture = 'move' | 'start' | 'end';\n\nfunction gestureOf(event: React.KeyboardEvent, block: DayRulerBlock, can: RulerAbilities): Gesture | null {\n  if (event.altKey && !event.shiftKey) return can.move && block.movable ? 'move' : null;\n  if (!event.shiftKey) return null;\n  if (!can.resize || !block.resizable) return null;\n  return event.altKey ? 'start' : 'end';\n}\n\n/** The block's hours after one snap of `gesture` in `direction`. */\nfunction stepped(block: DayRulerBlock, gesture: Gesture, direction: -1 | 1, scale: RulerScale): [RulerHour, RulerHour] {\n  const step = direction * scale.snap;\n  if (gesture === 'move') return moved(block.start, block.end, step, scale.from, scale.to);\n  const edge = (gesture === 'start' ? block.start : block.end) + step;\n  return resized(block.start, block.end, gesture, edge, M.minHours, scale.from, scale.to);\n}\n\ninterface BlockKeyContext {\n  scale: RulerScale;\n  can: RulerAbilities;\n  onMove?: (blockId: string, start: RulerHour, end: RulerHour) => void;\n  onResize?: (blockId: string, start: RulerHour, end: RulerHour) => void;\n  labels: DayRulerLabels;\n  say: (text: string) => void;\n}\n\n/**\n * A focused block's keys (FUT-3825): Alt+←/→ moves it one snap, Shift+←/→\n * moves its end, Shift+Alt+←/→ its start. Each is read by the live region; one\n * that cannot go further, or that the block does not allow, is refused aloud\n * and changes nothing.\n */\n/** Shift and/or Alt with ← or →, and no Ctrl or Meta: a key the ruler answers for a block. */\nfunction isBlockKey(event: React.KeyboardEvent): boolean {\n  const arrow = event.key === 'ArrowLeft' || event.key === 'ArrowRight';\n  return arrow && (event.altKey || event.shiftKey) && !event.ctrlKey && !event.metaKey;\n}\n\nexport function handleBlockKey(event: React.KeyboardEvent, block: DayRulerBlock, ctx: BlockKeyContext): void {\n  if (!isBlockKey(event)) return;\n  // The key is the ruler's either way: Alt+← would otherwise be the browser's Back.\n  event.preventDefault();\n  const gesture = gestureOf(event, block, ctx.can);\n  if (!gesture) {\n    ctx.say(ctx.labels.notMovable);\n    return;\n  }\n  const [start, end] = stepped(block, gesture, event.key === 'ArrowLeft' ? -1 : 1, ctx.scale);\n  if (start === block.start && end === block.end) {\n    ctx.say(ctx.labels.refused);\n    return;\n  }\n  const range = formatRange(start, end);\n  if (gesture === 'move') {\n    ctx.onMove?.(block.id, start, end);\n    ctx.say(ctx.labels.moved(block.label, range));\n    return;\n  }\n  ctx.onResize?.(block.id, start, end);\n  ctx.say(ctx.labels.resized(block.label, range));\n}\n\n/** Where Enter on a track creates: the host's `createStart`, else `now` snapped up, else `from` — kept on the ruler. */\nexport function keyCreateSpan(scale: RulerScale, now: RulerHour | undefined, hostStart: RulerHour | undefined): [RulerHour, RulerHour] {\n  const onRuler = now !== undefined && now >= scale.from && now < scale.to;\n  const fallback = onRuler ? Math.ceil(now / scale.snap) * scale.snap : scale.from;\n  const start = clamp(snapTo(hostStart ?? fallback, scale.snap), scale.from, scale.to - M.minHours);\n  return [start, Math.min(scale.to, start + scale.createHours)];\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAS,UAAU,OAA4B,OAAsB,KAAqC;AACxG,MAAI,MAAM,UAAU,CAAC,MAAM,SAAU,QAAO,IAAI,QAAQ,MAAM,UAAU,SAAS;AACjF,MAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,MAAI,CAAC,IAAI,UAAU,CAAC,MAAM,UAAW,QAAO;AAC5C,SAAO,MAAM,SAAS,UAAU;AAClC;AAGA,SAAS,QAAQ,OAAsB,SAAkB,WAAmB,OAA2C;AACrH,QAAM,OAAO,YAAY,MAAM;AAC/B,MAAI,YAAY,OAAQ,QAAO,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,MAAM,EAAE;AACvF,QAAM,QAAQ,YAAY,UAAU,MAAM,QAAQ,MAAM,OAAO;AAC/D,SAAO,QAAQ,MAAM,OAAO,MAAM,KAAK,SAAS,MAAM,kBAAE,UAAU,MAAM,MAAM,MAAM,EAAE;AACxF;AAkBA,SAAS,WAAW,OAAqC;AACvD,QAAM,QAAQ,MAAM,QAAQ,eAAe,MAAM,QAAQ;AACzD,SAAO,UAAU,MAAM,UAAU,MAAM,aAAa,CAAC,MAAM,WAAW,CAAC,MAAM;AAC/E;AAEO,SAAS,eAAe,OAA4B,OAAsB,KAA4B;AAC3G,MAAI,CAAC,WAAW,KAAK,EAAG;AAExB,QAAM,eAAe;AACrB,QAAM,UAAU,UAAU,OAAO,OAAO,IAAI,GAAG;AAC/C,MAAI,CAAC,SAAS;AACZ,QAAI,IAAI,IAAI,OAAO,UAAU;AAC7B;AAAA,EACF;AACA,QAAM,CAAC,OAAO,GAAG,IAAI,QAAQ,OAAO,SAAS,MAAM,QAAQ,cAAc,KAAK,GAAG,IAAI,KAAK;AAC1F,MAAI,UAAU,MAAM,SAAS,QAAQ,MAAM,KAAK;AAC9C,QAAI,IAAI,IAAI,OAAO,OAAO;AAC1B;AAAA,EACF;AACA,QAAM,QAAQ,YAAY,OAAO,GAAG;AACpC,MAAI,YAAY,QAAQ;AACtB,QAAI,SAAS,MAAM,IAAI,OAAO,GAAG;AACjC,QAAI,IAAI,IAAI,OAAO,MAAM,MAAM,OAAO,KAAK,CAAC;AAC5C;AAAA,EACF;AACA,MAAI,WAAW,MAAM,IAAI,OAAO,GAAG;AACnC,MAAI,IAAI,IAAI,OAAO,QAAQ,MAAM,OAAO,KAAK,CAAC;AAChD;AAGO,SAAS,cAAc,OAAmB,KAA4B,WAA0D;AACrI,QAAM,UAAU,QAAQ,UAAa,OAAO,MAAM,QAAQ,MAAM,MAAM;AACtE,QAAM,WAAW,UAAU,KAAK,KAAK,MAAM,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM;AAC5E,QAAM,QAAQ,MAAM,OAAO,aAAa,UAAU,MAAM,IAAI,GAAG,MAAM,MAAM,MAAM,KAAK,kBAAE,QAAQ;AAChG,SAAO,CAAC,OAAO,KAAK,IAAI,MAAM,IAAI,QAAQ,MAAM,WAAW,CAAC;AAC9D;","names":[]}

package/dist/chunk-D6JKCCRQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport type React from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport { SR_ONLY_SX } from '../ScheduleGrid/ScheduleGrid.styles';\nimport { useAnnouncer } from '../ScheduleGrid/useAnnouncer';\nimport { handleBlockKey, keyCreateSpan, type RulerAbilities, type RulerScale } from './DayRuler.keyboard';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\nimport { Axis, Coverage, RulerRow, type RowContext } from './DayRuler.parts';\nimport { groupTitleSx, rootSx, rowSx, skeletonNameSx, skeletonTrackSx } from './DayRuler.styles';\nimport type { DayRulerProps, DayRulerRow } from './DayRuler.types';\nimport { useRulerDrag } from './useRulerDrag';\n\n/** The rows, grouped under a heading each time `row.group` changes. */\nfunction grouped(rows: readonly DayRulerRow[]): { title?: string; rows: DayRulerRow[] }[] {\n  const out: { title?: string; rows: DayRulerRow[] }[] = [];\n  for (const row of rows) {\n    const last = out[out.length - 1];\n    if (last && last.title === row.group) last.rows.push(row);\n    else out.push({ title: row.group, rows: [row] });\n  }\n  return out;\n}\n\nfunction scaleOf(props: DayRulerProps): RulerScale {\n  return {\n    from: props.from ?? 6,\n    to: props.to ?? 26,\n    snap: (props.snapMinutes ?? 15) / 60,\n    createHours: props.createHours ?? 4,\n    tickHours: props.tickHours ?? 4,\n  };\n}\n\nfunction abilitiesOf(props: DayRulerProps): RulerAbilities {\n  const open = !props.readOnly && !props.loading;\n  return { create: open && Boolean(props.onCreate), move: open && Boolean(props.onMove), resize: open && Boolean(props.onResize) };\n}\n\n/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */\nfunction RulerBody({ props, ctx }: { props: DayRulerProps; ctx: RowContext }): React.JSX.Element {\n  if (props.error) return <>{props.error}</>;\n  if (props.loading) {\n    return (\n      <>\n        {Array.from({ length: M.skeletonRows }, (_, index) => (\n          <Box key={index} sx={rowSx} aria-hidden data-testid={`${ctx.testId}-loading`}>\n            <Box sx={skeletonNameSx} />\n            <Box sx={skeletonTrackSx} />\n          </Box>\n        ))}\n      </>\n    );\n  }\n  if (props.rows.length === 0) return <>{props.empty ?? null}</>;\n  return (\n    <>\n      {grouped(props.rows).map((group, index) => (\n        <Box key={`${index}-${group.title ?? ''}`} role=\"list\" aria-label={group.title}>\n          {group.title ? (\n            <Box component=\"p\" sx={groupTitleSx} aria-hidden>\n              {group.title}\n            </Box>\n          ) : null}\n          {group.rows.map((row) => (\n            <RulerRow key={row.id} row={row} ctx={ctx} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n\n/**\n * One day as an hour ruler per row — who is on the escala when, and who is\n * really on shift (FUT-3825). Drag on an empty stretch to create (a click\n * alone is `createHours`), drag a block to move it, drag its ends to change\n * them; every hour snaps to `snapMinutes`. On a narrow ruler (a phone) each row\n * stacks and the blocks are tap-only: touch scrolls and never drags.\n *\n * The ruler reports gestures; hours, limits and refusals are the host's.\n */\nexport function DayRuler(props: DayRulerProps): React.JSX.Element {\n  const { now, onCreate, onMove, onResize } = props;\n  const testId = props.dataTestId ?? 'day-ruler';\n  const labels = resolveLabels(EN_US_UI_LABELS.dayRuler, props.labels);\n  const scale = scaleOf(props);\n  const can = abilitiesOf(props);\n  const dragApi = useRulerDrag(scale, { onCreate, onMove, onResize });\n  const { text: announcement, say } = useAnnouncer();\n\n  const ctx: RowContext = {\n    scale,\n    now,\n    can,\n    drag: dragApi.drag,\n    dragApi,\n    onBlockClick: props.onBlockClick,\n    onKeyCreate: (row) => {\n      const [start, end] = keyCreateSpan(scale, now, props.createStart?.(row.id));\n      onCreate?.(row.id, start, end);\n    },\n    onBlockKey: (event, block) => handleBlockKey(event, block, { scale, can, onMove, onResize, labels, say }),\n    createLabel: labels.createTrack,\n    testId,\n  };\n\n  return (\n    <Box\n      sx={rootSx(props.rows.some((row) => row.actions !== undefined && row.actions !== null))}\n      data-testid={testId}\n      role=\"region\"\n      aria-label={props['aria-label']}\n      aria-busy={props.loading || undefined}\n      aria-description={props.loading ? labels.loading : undefined}\n    >\n      {props.coverage && props.coverage.length > 0 ? (\n        <Coverage coverage={props.coverage} label={props.coverageLabel} scale={scale} testId={testId} />\n      ) : null}\n      <Axis scale={scale} testId={testId} />\n      <RulerBody props={props} ctx={ctx} />\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-I7CVC2DW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.parts.tsx"],"sourcesContent":["import AddIcon from '@mui/icons-material/Add';\nimport Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport type * as React from 'react';\n\nimport type { ScheduleGridLabels } from '../../../copy/labels';\nimport { daysBetween, isOpen } from './schedule-grid-model';\nimport { SCHEDULE_GRID_METRICS } from './ScheduleGrid.metrics';\nimport {\n  blockedLabelSx,\n  blockSx,\n  breakSx,\n  cellSx,\n  ghostSx,\n  gripSx,\n  groupTitleSx,\n  headerCellSx,\n  headerSublabelSx,\n  headerRowSx,\n  nameCellSx,\n  personRowSx,\n  plusButtonSx,\n  skeletonCellSx,\n  totalCellSx,\n  totalHeaderSx,\n} from './ScheduleGrid.styles';\nimport type {\n  ScheduleGridBlock,\n  ScheduleGridCell,\n  ScheduleGridColumn,\n  ScheduleGridProps,\n  ScheduleGridRow,\n} from './ScheduleGrid.types';\nimport { ScheduleNameCell } from './ScheduleNameCell';\nimport type { GridDrag, GridDragApi } from './useGridDrag';\n\n/** What the grid lets a cell do, resolved once per render. */\nexport interface CellAbilities {\n  create: boolean;\n  copy: boolean;\n  move: boolean;\n}\n\n/** A row's shared columns, as an `sx` part. */\ntype RowSx = (theme: Theme) => CSSObject;\n\ninterface CellProps {\n  row: ScheduleGridRow;\n  day: number;\n  column: ScheduleGridColumn;\n  cell: ScheduleGridCell;\n  drag: GridDrag | null;\n  dragApi: GridDragApi;\n  can: CellAbilities;\n  createPreview?: (rowId: string) => string;\n  onCreate?: (rowId: string, days: number[]) => void;\n  onBlockClick?: (blockId: string) => void;\n  labels: ScheduleGridLabels;\n  testId: string;\n}\n\n/** The ghost text this cell shows during a create or copy, or `null` when the gesture does not land here. */\nfunction ghostFor(props: CellProps): string | null {\n  const { drag, row, day, cell, createPreview } = props;\n  if (!drag || drag.mode === 'move' || drag.rowId !== row.id || !isOpen(cell)) return null;\n  if (!daysBetween(drag.anchor, drag.day).includes(day)) return null;\n  if (drag.mode === 'copy') return day === drag.anchor ? null : drag.preview;\n  return createPreview?.(row.id) ?? '';\n}\n\n/** The keys a block answers to, for `aria-keyshortcuts`. */\nfunction shortcutsOf(movable: boolean, copyable: boolean): string | undefined {\n  const keys = [movable ? 'Alt+ArrowLeft Alt+ArrowRight' : '', copyable ? 'Shift+ArrowLeft Shift+ArrowRight' : ''];\n  return keys.filter(Boolean).join(' ') || undefined;\n}\n\nconst titleOf = (block: ScheduleGridBlock): string => block.title ?? [block.label, block.note].filter(Boolean).join(' · ');\n\ninterface BlockProps {\n  block: ScheduleGridBlock;\n  row: ScheduleGridRow;\n  day: number;\n  can: CellAbilities;\n  dragApi: GridDragApi;\n  onBlockClick?: (blockId: string) => void;\n  testId: string;\n}\n\nfunction Grip({ side, onPointerDown, testId }: { side: 'l' | 'r'; onPointerDown: (event: React.PointerEvent) => void; testId: string }) {\n  return <Box component=\"span\" aria-hidden sx={gripSx(side)} onPointerDown={onPointerDown} data-sg-grip=\"\" data-testid={testId} />;\n}\n\n/** The block's break, kept inside it whatever the host sent. */\nfunction BreakBand({ span, testId }: { span: { start: number; end: number }; testId: string }): React.JSX.Element | null {\n  const start = Math.min(1, Math.max(0, span.start));\n  const end = Math.min(1, Math.max(0, span.end));\n  if (!(end > start)) return null;\n  return <Box component=\"span\" aria-hidden sx={breakSx({ start, end })} data-sg-break=\"\" data-testid={testId} />;\n}\n\nfunction BlockButton({ block, row, day, can, dragApi, onBlockClick, testId }: BlockProps): React.JSX.Element {\n  const movable = can.move && Boolean(block.movable);\n  const copyable = can.copy && Boolean(block.copyable);\n  const startCopy = (event: React.PointerEvent): void => dragApi.startCopy(event, block.id, row.id, day, block.label);\n  const startMove = (event: React.PointerEvent): void => dragApi.startMove(event, block.id, row.id, day);\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      sx={blockSx(block.tone, { selected: Boolean(block.selected), movable })}\n      title={titleOf(block)}\n      aria-keyshortcuts={shortcutsOf(movable, copyable)}\n      aria-current={block.selected ? 'true' : undefined}\n      data-sg-focus=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      data-sg-block={block.id}\n      data-tone={block.tone}\n      data-testid={`${testId}-block-${block.id}`}\n      onPointerDown={movable ? startMove : undefined}\n      onClick={() => {\n        if (!dragApi.takeClick()) onBlockClick?.(block.id);\n      }}\n    >\n      {block.breakSpan ? <BreakBand span={block.breakSpan} testId={`${testId}-break-${block.id}`} /> : null}\n      {copyable ? <Grip side=\"l\" onPointerDown={startCopy} testId={`${testId}-grip-l-${block.id}`} /> : null}\n      <span data-sg-line=\"label\">{block.label}</span>\n      {block.note ? <span data-sg-line=\"note\">{block.note}</span> : null}\n      {copyable ? <Grip side=\"r\" onPointerDown={startCopy} testId={`${testId}-grip-r-${block.id}`} /> : null}\n    </Box>\n  );\n}\n\n/**\n * The empty cell's \"+\". It stays mounted while a drag shows the ghost in it, so\n * a press and release in place is still its click.\n */\nfunction PlusButton({ props, ghost }: { props: CellProps; ghost: string | null }): React.JSX.Element {\n  const { row, day, column, dragApi, onCreate, labels } = props;\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      sx={plusButtonSx}\n      aria-label={labels.createCell(row.label, column.label)}\n      data-ghost={ghost === null ? undefined : ''}\n      data-sg-focus=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      onPointerDown={(event: React.PointerEvent) => dragApi.startCreate(event, row.id, day)}\n      onClick={() => {\n        if (!dragApi.takeClick()) onCreate?.(row.id, [day]);\n      }}\n    >\n      {ghost === null ? <AddIcon aria-hidden /> : <Ghost text={ghost} />}\n    </Box>\n  );\n}\n\nfunction Ghost({ text }: { text: string }): React.JSX.Element {\n  return (\n    <Box component=\"span\" sx={ghostSx} aria-hidden>\n      {text}\n    </Box>\n  );\n}\n\n/** What fills a cell after its blocks: the \"+\" (or the ghost in it), a lone ghost, or a closed day's label. */\nfunction CellFill({ props, ghost }: { props: CellProps; ghost: string | null }): React.JSX.Element | null {\n  const { cell, can } = props;\n  if (can.create && isOpen(cell)) return <PlusButton props={props} ghost={ghost} />;\n  if (ghost !== null) return <Ghost text={ghost} />;\n  if (!cell.blocked || cell.blocks.length > 0 || !cell.blockedLabel) return null;\n  return (\n    <Box component=\"span\" sx={blockedLabelSx} aria-hidden title={cell.blockedLabel}>\n      {cell.blockedLabel}\n    </Box>\n  );\n}\n\n/** One day of one row: its blocks, a \"+\" when it is empty, the hatch when it is closed. */\nexport function GridCell(props: CellProps): React.JSX.Element {\n  const { row, day, column, cell, drag, can, labels, testId } = props;\n  const ghost = ghostFor(props);\n  const blocked = Boolean(cell.blocked);\n  const look = {\n    today: Boolean(column.today),\n    blocked,\n    target: ghost !== null,\n    over: drag?.mode === 'move' && drag.moved && drag.rowId === row.id && drag.day === day,\n    interactive: can.create && isOpen(cell),\n  };\n  const closedName = blocked && cell.blocks.length === 0 ? (cell.blockedLabel ?? labels.blockedCell(row.label, column.label)) : undefined;\n  return (\n    <Box\n      role=\"cell\"\n      sx={cellSx(look)}\n      data-sg-cell=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      data-testid={`${testId}-cell-${row.id}-${day}`}\n      aria-label={closedName}\n    >\n      {cell.blocks.map((block) => (\n        <BlockButton\n          key={block.id}\n          block={block}\n          row={row}\n          day={day}\n          can={can}\n          dragApi={props.dragApi}\n          onBlockClick={props.onBlockClick}\n          testId={testId}\n        />\n      ))}\n      <CellFill props={props} ghost={ghost} />\n    </Box>\n  );\n}\n\n/** The first column: the person, as both views draw it. */\nfunction NameCell({ row }: { row: ScheduleGridRow }): React.JSX.Element {\n  const sizes = { name: SCHEDULE_GRID_METRICS.rowName, meta: SCHEDULE_GRID_METRICS.rowMeta, chipsTop: 0.5 };\n  return <ScheduleNameCell row={row} role=\"rowheader\" sx={nameCellSx} sizes={sizes} />;\n}\n\ninterface HeaderProps {\n  columns: readonly ScheduleGridColumn[];\n  /** Present when the grid has a last column. */\n  totalLabel?: string;\n  rowSx: RowSx;\n  testId: string;\n}\n\n/** The days, their counts and the total column's header — pinned while the grid scrolls. */\n\n/** A label wraps between words, never inside \"Seg 19/10\": the space before a number holds. */\nfunction keepDatesWhole(label: string): string {\n  return label.replace(/ (?=\\d)/g, '\\u00a0');\n}\n\nexport function GridHeader({ columns, totalLabel, rowSx, testId }: HeaderProps): React.JSX.Element {\n  return (\n    <Box role=\"row\" sx={[rowSx, headerRowSx]} data-testid={`${testId}-header`}>\n      {/* Above the names: a cell of the header row, with nothing to head. */}\n      <span role=\"cell\" data-sg-corner=\"\" />\n      {columns.map((column, day) => (\n        <Box role=\"columnheader\" key={`${day}-${column.label}`} sx={headerCellSx(Boolean(column.today))}>\n          <span data-sg-col=\"full\" title={column.label}>\n            {keepDatesWhole(column.label)}\n          </span>\n          {column.sublabel ? (\n            <Box component=\"span\" sx={headerSublabelSx} data-sg-col=\"sub\">\n              {column.sublabel}\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n      {totalLabel !== undefined ? (\n        <Box role=\"columnheader\" sx={totalHeaderSx}>\n          {totalLabel}\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\ninterface BodyProps {\n  grid: ScheduleGridProps;\n  rows: readonly ScheduleGridRow[];\n  rowSx: RowSx;\n  hasTotal: boolean;\n  can: CellAbilities;\n  dragApi: GridDragApi;\n  labels: ScheduleGridLabels;\n  testId: string;\n}\n\nfunction SkeletonRows({ grid, rowSx, testId }: Pick<BodyProps, 'grid' | 'rowSx' | 'testId'>): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SCHEDULE_GRID_METRICS.skeletonRows }, (_, index) => (\n        <Box key={index} sx={[rowSx, personRowSx]} aria-hidden data-testid={`${testId}-loading`}>\n          <Box sx={skeletonCellSx} />\n          {grid.columns.map((column, day) => (\n            <Box key={`${day}-${column.label}`} sx={skeletonCellSx} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n\nfunction PersonRow({ row, body }: { row: ScheduleGridRow; body: BodyProps }): React.JSX.Element {\n  const { grid, rowSx, hasTotal, can, dragApi, labels, testId } = body;\n  return (\n    <Box role=\"row\" sx={[rowSx, personRowSx]} data-testid={`${testId}-row-${row.id}`}>\n      <NameCell row={row} />\n      {grid.columns.map((column, day) => (\n        <GridCell\n          key={`${day}-${column.label}`}\n          row={row}\n          day={day}\n          column={column}\n          cell={grid.cell(row.id, day)}\n          drag={dragApi.drag}\n          dragApi={dragApi}\n          can={can}\n          createPreview={grid.createPreview}\n          onCreate={grid.onCreate}\n          onBlockClick={grid.onBlockClick}\n          labels={labels}\n          testId={testId}\n        />\n      ))}\n      {hasTotal ? (\n        <Box role=\"cell\" sx={totalCellSx}>\n          {row.total}\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\n/** The host's error or empty node, as the table's one full-width row (a table holds rows only). */\nfunction MessageRow({ children, testId }: { children: React.ReactNode; testId: string }): React.JSX.Element | null {\n  if (children === null || children === undefined || children === false) return null;\n  return (\n    <Box role=\"row\" data-testid={`${testId}-message`}>\n      <Box role=\"cell\">{children}</Box>\n    </Box>\n  );\n}\n\n/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */\nexport function GridBody(body: BodyProps): React.JSX.Element | null {\n  const { grid, rows } = body;\n  if (grid.error) return <MessageRow testId={body.testId}>{grid.error}</MessageRow>;\n  if (grid.loading) return <SkeletonRows grid={grid} rowSx={body.rowSx} testId={body.testId} />;\n  if (rows.length === 0) return <MessageRow testId={body.testId}>{grid.empty}</MessageRow>;\n  return (\n    <>\n      {grid.groups.map((group, index) => (\n        <Box role=\"rowgroup\" key={`${index}-${group.title ?? ''}`} aria-label={group.title}>\n          {group.title ? (\n            <Box component=\"p\" sx={groupTitleSx} aria-hidden data-sg-group-title=\"\">\n              {group.title}\n            </Box>\n          ) : null}\n          {group.rows.map((row) => (\n            <PersonRow key={row.id} row={row} body={body} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MQVYJVKV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/ScheduleGrid/schedule-grid-model.ts"],"sourcesContent":["import type { ScheduleGridCell } from './ScheduleGrid.types';\n\n/**\n * THE GRID'S RULES, as pure functions (FUT-3825): which days a gesture lands\n * on. The host decides everything else — hours, limits, refusals.\n */\n\n/** A cell that can take a new turno: nothing in it and not closed to the row. */\nexport function isOpen(cell: ScheduleGridCell): boolean {\n  return !cell.blocked && cell.blocks.length === 0;\n}\n\n/** Every day from `a` to `b` inclusive, in order, whichever is larger. */\nexport function daysBetween(a: number, b: number): number[] {\n  const from = Math.min(a, b);\n  const to = Math.max(a, b);\n  return Array.from({ length: to - from + 1 }, (_, index) => from + index);\n}\n\n/** A create across `anchor…current` of one row: the crossed days that are open (G-R1). */\nexport function createTargets(cellOf: (day: number) => ScheduleGridCell, anchor: number, current: number): number[] {\n  return daysBetween(anchor, current).filter((day) => isOpen(cellOf(day)));\n}\n\n/** A copy of the block on `source` across `source…current`: never its own day, never a taken or closed one (G-R2). */\nexport function copyTargets(cellOf: (day: number) => ScheduleGridCell, source: number, current: number): number[] {\n  return daysBetween(source, current).filter((day) => day !== source && isOpen(cellOf(day)));\n}\n\n/** A move may land on an open cell that is not its own (G-R3). */\nexport function canDrop(target: ScheduleGridCell, sameCell: boolean): boolean {\n  return !sameCell && isOpen(target);\n}\n\n/** The day one step left (-1) or right (+1) of `day`, or `undefined` past either end. */\nexport function stepDay(day: number, direction: -1 | 1, dayCount: number): number | undefined {\n  const next = day + direction;\n  return next >= 0 && next < dayCount ? next : undefined;\n}\n"],"mappings":";AAQO,SAAS,OAAO,MAAiC;AACtD,SAAO,CAAC,KAAK,WAAW,KAAK,OAAO,WAAW;AACjD;AAGO,SAAS,YAAY,GAAW,GAAqB;AAC1D,QAAM,OAAO,KAAK,IAAI,GAAG,CAAC;AAC1B,QAAM,KAAK,KAAK,IAAI,GAAG,CAAC;AACxB,SAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAO,EAAE,GAAG,CAAC,GAAG,UAAU,OAAO,KAAK;AACzE;AAGO,SAAS,cAAc,QAA2C,QAAgB,SAA2B;AAClH,SAAO,YAAY,QAAQ,OAAO,EAAE,OAAO,CAAC,QAAQ,OAAO,OAAO,GAAG,CAAC,CAAC;AACzE;AAGO,SAAS,YAAY,QAA2C,QAAgB,SAA2B;AAChH,SAAO,YAAY,QAAQ,OAAO,EAAE,OAAO,CAAC,QAAQ,QAAQ,UAAU,OAAO,OAAO,GAAG,CAAC,CAAC;AAC3F;AAGO,SAAS,QAAQ,QAA0B,UAA4B;AAC5E,SAAO,CAAC,YAAY,OAAO,MAAM;AACnC;AAGO,SAAS,QAAQ,KAAa,WAAmB,UAAsC;AAC5F,QAAM,OAAO,MAAM;AACnB,SAAO,QAAQ,KAAK,OAAO,WAAW,OAAO;AAC/C;","names":[]}

package/dist/chunk-QQFFE3CQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport type { ScheduleGridLabels } from '../../../copy/labels';\nimport { isOpen, stepDay } from './schedule-grid-model';\nimport type { CellAbilities } from './ScheduleGrid.parts';\nimport type { ScheduleGridBlock, ScheduleGridCell, ScheduleGridColumn, ScheduleGridRow } from './ScheduleGrid.types';\n\n/**\n * THE GRID'S KEYBOARD (FUT-3825). Every empty cell's \"+\" and every block is a\n * button in the tab order; on top of that:\n * - arrows move focus to the nearest focusable cell that way;\n * - Shift+←/→ on a copyable block copies it one day;\n * - Alt+←/→ on a movable block moves it one day (focus follows it);\n * either on a block that cannot do it says so (`notMovable`), a taken or\n * closed day is refused; each is read by the live region. With Ctrl or Meta\n * the key is not the grid's.\n */\nexport interface GridKeyContext {\n  root: HTMLElement;\n  rows: readonly ScheduleGridRow[];\n  columns: readonly ScheduleGridColumn[];\n  cell: (rowId: string, day: number) => ScheduleGridCell;\n  can: CellAbilities;\n  onCopy?: (blockId: string, days: number[]) => void;\n  onMove?: (blockId: string, toRowId: string, toDay: number) => void;\n  labels: ScheduleGridLabels;\n  say: (text: string) => void;\n  /** Wait for the block at its new day and focus it there. */\n  follow: (blockId: string, day: number) => void;\n}\n\n/** Every focusable part of the grid (empty cells' buttons and blocks). */\nexport function focusables(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-sg-focus]'));\n}\n\n/** Focus the first focusable of the cell at (`rowId`, `day`); false when it has none. */\nfunction focusCell(root: HTMLElement, rowId: string, day: number): boolean {\n  const target = focusables(root).find((el) => el.dataset.sgRow === rowId && Number(el.dataset.sgDay) === day);\n  target?.focus();\n  return Boolean(target);\n}\n\ninterface Arrow {\n  horizontal: boolean;\n  step: -1 | 1;\n}\n\nfunction arrowOf(key: string): Arrow | null {\n  if (key === 'ArrowLeft') return { horizontal: true, step: -1 };\n  if (key === 'ArrowRight') return { horizontal: true, step: 1 };\n  if (key === 'ArrowUp') return { horizontal: false, step: -1 };\n  if (key === 'ArrowDown') return { horizontal: false, step: 1 };\n  return null;\n}\n\n/** Move focus `arrow`-wards to the nearest cell that has something to focus; a closed or read-only one is passed over. */\nfunction moveFocus(ctx: GridKeyContext, from: HTMLElement, arrow: Arrow): boolean {\n  const rowIndex = ctx.rows.findIndex((row) => row.id === from.dataset.sgRow);\n  const day = Number(from.dataset.sgDay);\n  if (rowIndex < 0) return false;\n  for (let distance = 1; ; distance += 1) {\n    const offset = arrow.step * distance;\n    const nextDay = arrow.horizontal ? day + offset : day;\n    const row = ctx.rows[arrow.horizontal ? rowIndex : rowIndex + offset];\n    if (!row || nextDay < 0 || nextDay >= ctx.columns.length) return false;\n    if (focusCell(ctx.root, row.id, nextDay)) return true;\n  }\n}\n\n/** Which gesture a modified arrow asks of this block, if the grid allows it. */\nfunction gestureOf(event: React.KeyboardEvent, block: ScheduleGridBlock, can: CellAbilities): 'copy' | 'move' | null {\n  if (event.shiftKey && !event.altKey) return can.copy && block.copyable ? 'copy' : null;\n  if (event.altKey && !event.shiftKey) return can.move && block.movable ? 'move' : null;\n  return null;\n}\n\n/** The block a key landed on, with its row — or nothing. */\nfunction blockUnder(ctx: GridKeyContext, el: HTMLElement): { block: ScheduleGridBlock; row: ScheduleGridRow; day: number } | null {\n  const rowId = el.dataset.sgRow ?? '';\n  const day = Number(el.dataset.sgDay);\n  const block = ctx.cell(rowId, day).blocks.find((entry) => entry.id === el.dataset.sgBlock);\n  const row = ctx.rows.find((entry) => entry.id === rowId);\n  return block && row ? { block, row, day } : null;\n}\n\n/** The open day one step away, with its column — or nothing past either end or on a taken / closed day. */\nfunction openNeighbour(ctx: GridKeyContext, rowId: string, day: number, step: -1 | 1) {\n  const target = stepDay(day, step, ctx.columns.length);\n  if (target === undefined) return null;\n  const column = ctx.columns[target];\n  return column && isOpen(ctx.cell(rowId, target)) ? { day: target, column } : null;\n}\n\n/**\n * Shift/Alt+←/→ on a block. Returns whether the key was the grid's: a block\n * that cannot be copied or moved that way refuses it aloud, and the key goes\n * no further (Alt+← would otherwise be the browser's Back).\n */\nfunction blockKey(ctx: GridKeyContext, el: HTMLElement, event: React.KeyboardEvent, step: -1 | 1): boolean {\n  const under = blockUnder(ctx, el);\n  if (!under) return false;\n  const gesture = gestureOf(event, under.block, ctx.can);\n  const { block, row, day } = under;\n  const target = gesture ? openNeighbour(ctx, row.id, day, step) : null;\n  if (!gesture) {\n    ctx.say(ctx.labels.notMovable);\n  } else if (!target) {\n    ctx.say(ctx.labels.refused);\n  } else if (gesture === 'copy') {\n    ctx.onCopy?.(block.id, [target.day]);\n    ctx.say(ctx.labels.copied(block.label, target.column.label));\n  } else {\n    ctx.follow(block.id, target.day);\n    ctx.onMove?.(block.id, row.id, target.day);\n    ctx.say(ctx.labels.moved(block.label, row.label, target.column.label));\n  }\n  return true;\n}\n\n/** Shift OR Alt (not both) and no Ctrl or Meta: a key the grid answers for a block, as the ruler does. */\nconst isBlockGesture = (event: React.KeyboardEvent): boolean =>\n  event.shiftKey !== event.altKey && !event.ctrlKey && !event.metaKey;\n\nconst hasModifier = (event: React.KeyboardEvent): boolean => event.shiftKey || event.altKey || event.ctrlKey || event.metaKey;\n\n/** The grid's `onKeyDown`. */\nexport function handleGridKey(event: React.KeyboardEvent, ctx: GridKeyContext): void {\n  const el = (event.target as HTMLElement).closest<HTMLElement>('[data-sg-focus]');\n  const arrow = arrowOf(event.key);\n  if (!el || !arrow) return;\n  const onBlock = el.dataset.sgBlock !== undefined;\n  if (onBlock && arrow.horizontal && isBlockGesture(event)) {\n    if (blockKey(ctx, el, event, arrow.step)) event.preventDefault();\n    return;\n  }\n  if (!hasModifier(event) && moveFocus(ctx, el, arrow)) event.preventDefault();\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TTRWOI6Z.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-TTRWOI6Z.js.map

package/dist/chunk-WCETCAZO.js.map

@@ -1 +0,0 @@
-{"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":[]}