@tensor_1/react 2.34.0 → 2.36.0

package/dist/index.d.ts

@@ -11,12 +11,13 @@ export { Input, InputGroup, InputGroupProps, InputProps } from './components/Inp
 export { Combobox, ComboboxProps } from './components/Combobox.js';
 export { ComboboxOption, filterComboboxOptions } from './combobox-model.js';
 export { SearchSuggest, SearchSuggestAction, SearchSuggestOption, SearchSuggestProps } from './components/SearchSuggest.js';
-export { DEFAULT_ENTITY_PICKER_LABELS, EntityPicker, EntityPickerLabels, EntityPickerProps } from './components/EntityPicker.js';
+export { DEFAULT_ENTITY_PICKER_LABELS, EntityPicker, EntityPickerLabels, EntityPickerProps, EntityPickerSearchResult } from './components/EntityPicker.js';
 export { FoldedText, SearchSegment, foldForSearch, searchSegments } from './search-suggest-model.js';
 export { Textarea, TextareaProps } from './components/Textarea.js';
+export { DEFAULT_INLINE_EDIT_LABELS, InlineEdit, InlineEditEditorProps, InlineEditLabels, InlineEditProps } from './components/InlineEdit.js';
 export { Select, SelectLabels, SelectProps } from './components/Select.js';
 export { Checkbox, CheckboxProps } from './components/Checkbox.js';
-export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './components/Radio.js';
+export { Radio, RadioCard, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps } from './components/Radio.js';
 export { Switch, SwitchProps } from './components/Switch.js';
 export { Field, FieldProps } from './components/Field.js';
 export { Modal, ModalProps } from './components/Modal.js';
@@ -66,7 +67,7 @@ export { RelativeTime, RelativeTimeFormatContext, RelativeTimeProps } from './co
 export { RelativeTimeUnit, RelativeTimeValue, parseDateValue, relativeTimeValue } from './relative-time-model.js';
 export { AsyncOperationState, AsyncOperationStatus, AsyncOperationStatusProps } from './components/AsyncOperationStatus.js';
 export { Label, LabelProps } from './components/Label.js';
-export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, UserChip, UserChipProps } from './components/Avatar.js';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarPresence, AvatarProps, DEFAULT_PRESENCE_LABELS, PresenceDot, PresenceDotProps, UserChip, UserChipProps } from './components/Avatar.js';
 export { Comment, CommentProps, Comments, CommentsProps } from './components/Comments.js';
 export { DEFAULT_SAVE_STATUS_LABELS, SaveStatus, SaveStatusLabels, SaveStatusProps, SaveStatusState } from './components/SaveStatus.js';
 export { Composer, ComposerBar, ComposerBarProps, ComposerProps } from './components/Composer.js';
@@ -83,18 +84,20 @@ export { Menu, MenuGroup, MenuGroupProps, MenuItem, MenuItemAttributes, MenuItem
 export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandPalette, CommandPaletteProps } from './components/CommandPalette.js';
 export { Inbox, InboxDetail, InboxDetailProps, InboxItem, InboxItemProps, InboxList, InboxListProps, InboxProps } from './components/Inbox.js';
 export { Kanban, KanbanCard, KanbanCardProps, KanbanColumn, KanbanColumnProps, KanbanMoveDirection, KanbanProps } from './components/Kanban.js';
-export { Tree, TreeNodeData, TreeNodeProps, TreeProps } from './components/Tree.js';
+export { DEFAULT_TREE_LABELS, Tree, TreeLabels, TreeNodeData, TreeNodeProps, TreeProps } from './components/Tree.js';
 export { FlatNode, TreeLike, TreeNavAction, flattenTree, treeNav } from './tree-model.js';
 export { ContentList, ContentListItem, ContentListItemProps, ContentListProps, EventRow, EventRowProps, FeaturedRundown, FeaturedRundownItem, FeaturedRundownItemProps, FeaturedRundownProps, FeaturedStage, FeaturedStageProps, NewsLead, NewsLeadProps, NoticeQueue, NoticeQueueProps, PageIntro, PageIntroProps, ResourceGrid, ResourceGridProps, SectionHead, SectionHeadProps, StatLine, StatLineItem, StatLineProps, StatusRow, StatusRowProps } from './components/EditorialHome.js';
 export { JsonPrimitive, JsonValue } from './json-value.js';
 export { DEFAULT_RULE_BUILDER_LABELS, RuleActionDefinition, RuleBuilder, RuleBuilderLabels, RuleBuilderProps, RuleFieldDefinition, RuleOperatorDefinition, RuleValueEditorProps } from './components/RuleBuilder.js';
 export { DEFAULT_RULE_SUMMARY_WORDS, DEFAULT_RULE_VALIDATION_MESSAGES, RuleAction, RuleCheck, RuleCondition, RuleDefinition, RuleGroup, RuleSummaryWords, RuleValidationIssue, RuleValidationOptions, appendRuleNode, findRuleNodeDepth, isRuleGroup, mapRuleGroup, moveRuleNode, removeRuleNode, ruleDepth, setRuleCombinator, summarizeRule, validateRuleDefinition } from './rule-builder-model.js';
 export { BuilderCanvas, BuilderCanvasItem, BuilderCanvasLabels, BuilderCanvasProps, BuilderPaletteItem, DEFAULT_BUILDER_CANVAS_LABELS } from './components/BuilderCanvas.js';
-export { D as DEFAULT_SCHEDULING_CALENDAR_LABELS, S as SchedulingAgendaGroup, a as SchedulingBand, b as SchedulingCalendar, c as SchedulingCalendarDay, d as SchedulingCalendarEntry, e as SchedulingCalendarLabels, f as SchedulingCalendarOverlay, g as SchedulingCalendarProps, h as SchedulingCalendarView, i as SchedulingDatePart, j as SchedulingEntryState, k as SchedulingLegendItem, l as SchedulingMarker, m as SchedulingMarkerEmphasis, n as SchedulingOverlayKind, o as SchedulingOverlayPattern, p as SchedulingStatus, T as TimeGridEntryContext } from './SchedulingCalendar-DSLQ6AY5.js';
+export { D as DEFAULT_SCHEDULING_CALENDAR_LABELS, S as SchedulingAgendaGroup, a as SchedulingBand, b as SchedulingCalendar, c as SchedulingCalendarDay, d as SchedulingCalendarEntry, e as SchedulingCalendarLabels, f as SchedulingCalendarOverlay, g as SchedulingCalendarProps, h as SchedulingCalendarView, i as SchedulingDatePart, j as SchedulingEntryState, k as SchedulingLegendItem, l as SchedulingMarker, m as SchedulingMarkerEmphasis, n as SchedulingOverlayKind, o as SchedulingOverlayPattern, p as SchedulingStatus, T as TimeGridEntryContext } from './SchedulingCalendar-B6TakO2h.js';
 export { DaySpanLayout, LayoutMonthSpansOptions, MonthSpanGroup, MonthSpanInput, MonthSpanLayout, MoveProposal, PlacedDaySpan, PlacedMonthSpan, TOP_LANE_CROSS_MIDNIGHT_MINUTES, TimeGridDayLayout, TimeGridEntryInput, TimeGridPart, TimeGridSegment, itemDaySpan, layoutDaySpans, layoutMonthSpans, layoutTimeGridDay, placesInTopLane, proposeMove, schedulingGridDays } from './scheduling-calendar-model.js';
-export { DEFAULT_SCHEDULING_TIMELINE_LABELS, SchedulingTimeline, SchedulingTimelineItem, SchedulingTimelineLabels, SchedulingTimelineLane, SchedulingTimelineMarker, SchedulingTimelineOverlay, SchedulingTimelineOverlayKind, SchedulingTimelineProps } from './components/SchedulingTimeline.js';
-export { DAY, HOUR, PlacedSpan, TimelineRange, TimelineScale, TimelineSpan, TimelineTick, defaultTimelineStep, layoutLane, pixelsToMs, placeSpan, shiftSpan, snapToStep, timelineTicks } from './scheduling-timeline-model.js';
+export { DEFAULT_SCHEDULING_TIMELINE_LABELS, SchedulingTimeline, SchedulingTimelineGroup, SchedulingTimelineItem, SchedulingTimelineLabels, SchedulingTimelineLane, SchedulingTimelineMarker, SchedulingTimelineOverlay, SchedulingTimelineOverlayKind, SchedulingTimelineProps } from './components/SchedulingTimeline.js';
+export { DAY, HOUR, LayoutLaneOptions, PlacedSpan, TimelineRange, TimelineScale, TimelineSpan, TimelineSubTick, TimelineTick, defaultTimelineStep, layoutLane, pixelsToMs, placeSpan, shiftSpan, snapToStep, timelineRepeatedHourOffset, timelineStepDelta, timelineSubTicks, timelineTicks } from './scheduling-timeline-model.js';
 export { DEFAULT_DATE_RANGE_PICKER_LABELS, DateRangePicker, DateRangePickerLabels, DateRangePickerProps } from './components/DateRangePicker.js';
+export { DEFAULT_DATE_PICKER_LABELS, DEFAULT_DATE_TIME_PICKER_LABELS, DateInputProblem, DatePicker, DatePickerLabels, DatePickerProps, DateTimePicker, DateTimePickerLabels, DateTimePickerProps } from './components/DatePicker.js';
+export { DatePart, dateOrder, datePattern, formatDateKey, isValidDateKey, joinDateTime, parseDateInput, splitDateTime, timeZoneName } from './date-field-model.js';
 export { CalendarDay, CalendarWeekday, DateRangeValue, LaneCluster, LaneInterval, LanePlacement, PackLanesOptions, PackedLanes, ZonedDateSpan, ZonedDayBounds, ZonedDayShift, ZonedDaySpan, ZonedHourSlot, addCalendarDays, addCalendarMonths, addZonedDays, buildMonthGrid, cachedDateTimeFormat, enumerateDateKeys, enumerateDateSpan, isDateInRange, isDateUnavailable, packLanes, rankOverflow, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan, zonedDayBounds, zonedDaySpan, zonedHourSlots, zonedTimeOfDay } from './calendar-model.js';
 export { DEFAULT_RELATIONSHIP_GRAPH_LABELS, RelationshipGraph, RelationshipGraphLabels, RelationshipGraphLegendItem, RelationshipGraphProps } from './components/RelationshipGraph.js';
 export { BoundedRelationshipGraph, LayeredColumn, LayeredEdgeClassification, LayeredEdgeKind, LayeredItem, LayeredLayout, LayeredLayoutOptions, LayeredNavigationKey, PositionedRelationshipNode, RelationshipGraphArrow, RelationshipGraphCluster, RelationshipGraphEdge, RelationshipGraphNode, RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, traverseRelationshipNode, wrapEdgeLabel } from './relationship-graph-model.js';

package/dist/index.js

@@ -14,9 +14,10 @@ import { SearchSuggest } from "./components/SearchSuggest.js";
 import { EntityPicker, DEFAULT_ENTITY_PICKER_LABELS } from "./components/EntityPicker.js";
 import { searchSegments, foldForSearch } from "./search-suggest-model.js";
 import { Textarea } from "./components/Textarea.js";
+import { InlineEdit, DEFAULT_INLINE_EDIT_LABELS } from "./components/InlineEdit.js";
 import { Select } from "./components/Select.js";
 import { Checkbox } from "./components/Checkbox.js";
-import { Radio, RadioGroup } from "./components/Radio.js";
+import { Radio, RadioCard, RadioGroup } from "./components/Radio.js";
 import { Switch } from "./components/Switch.js";
 import { Field } from "./components/Field.js";
 import { Modal } from "./components/Modal.js";
@@ -80,7 +81,7 @@ import { RelativeTime } from "./components/RelativeTime.js";
 import { parseDateValue, relativeTimeValue } from "./relative-time-model.js";
 import { AsyncOperationStatus } from "./components/AsyncOperationStatus.js";
 import { Label } from "./components/Label.js";
-import { Avatar, AvatarGroup, UserChip } from "./components/Avatar.js";
+import { Avatar, AvatarGroup, PresenceDot, UserChip, DEFAULT_PRESENCE_LABELS } from "./components/Avatar.js";
 import { Comments, Comment } from "./components/Comments.js";
 import { SaveStatus, DEFAULT_SAVE_STATUS_LABELS } from "./components/SaveStatus.js";
 import { Composer, ComposerBar } from "./components/Composer.js";
@@ -105,7 +106,7 @@ import { Menu, MenuItem, MenuItemRadio, MenuItemCheckbox, MenuRadioGroup, MenuGr
 import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandPalette.js";
 import { Inbox, InboxList, InboxItem, InboxDetail } from "./components/Inbox.js";
 import { Kanban, KanbanColumn, KanbanCard } from "./components/Kanban.js";
-import { Tree } from "./components/Tree.js";
+import { Tree, DEFAULT_TREE_LABELS } from "./components/Tree.js";
 import { flattenTree, treeNav } from "./tree-model.js";
 import {
   PageIntro,
@@ -159,9 +160,23 @@ import {
   placeSpan,
   shiftSpan,
   snapToStep,
-  timelineTicks
+  timelineTicks,
+  timelineRepeatedHourOffset,
+  timelineStepDelta,
+  timelineSubTicks
 } from "./scheduling-timeline-model.js";
 import { DateRangePicker, DEFAULT_DATE_RANGE_PICKER_LABELS } from "./components/DateRangePicker.js";
+import { DatePicker, DateTimePicker, DEFAULT_DATE_PICKER_LABELS, DEFAULT_DATE_TIME_PICKER_LABELS } from "./components/DatePicker.js";
+import {
+  dateOrder,
+  datePattern,
+  formatDateKey,
+  isValidDateKey,
+  joinDateTime,
+  parseDateInput,
+  splitDateTime,
+  timeZoneName
+} from "./date-field-model.js";
 import {
   addCalendarDays,
   addCalendarMonths,
@@ -239,15 +254,19 @@ export {
   DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
   DEFAULT_BUILDER_CANVAS_LABELS,
   DEFAULT_COLOR_PICKER_LABELS,
+  DEFAULT_DATE_PICKER_LABELS,
   DEFAULT_DATE_RANGE_PICKER_LABELS,
+  DEFAULT_DATE_TIME_PICKER_LABELS,
   DEFAULT_DIFF_VIEWER_LABELS,
   DEFAULT_ENTITY_PICKER_LABELS,
   DEFAULT_FILE_UPLOAD_LABELS,
   DEFAULT_FILTER_EDITOR_LABELS,
   DEFAULT_FILTER_SUMMARY_LABELS,
+  DEFAULT_INLINE_EDIT_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
   DEFAULT_PAGINATION_LABELS,
+  DEFAULT_PRESENCE_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS,
   DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_RULE_SUMMARY_WORDS,
@@ -257,9 +276,12 @@ export {
   DEFAULT_SCHEDULING_TIMELINE_LABELS,
   DEFAULT_STEP_STATE_LABELS,
   DEFAULT_TEXT_DIFF_LABELS,
+  DEFAULT_TREE_LABELS,
   DashboardGrid,
   DashboardGridItem,
+  DatePicker,
   DateRangePicker,
+  DateTimePicker,
   DescriptionItem,
   DescriptionList,
   DetailLayout,
@@ -290,6 +312,7 @@ export {
   InboxItem,
   InboxList,
   InfoTip,
+  InlineEdit,
   Input,
   InputGroup,
   Kanban,
@@ -332,10 +355,12 @@ export {
   PipelineStage,
   Popconfirm,
   Popover,
+  PresenceDot,
   Progress,
   PromptDialog,
   Prose,
   Radio,
+  RadioCard,
   RadioGroup,
   RelatedLinks,
   RelationshipGraph,
@@ -408,6 +433,8 @@ export {
   cx,
   dashboardGridClassName,
   dashboardGridItemClassName,
+  dateOrder,
+  datePattern,
   defaultTimelineStep,
   diffText,
   diffTokens,
@@ -420,6 +447,7 @@ export {
   findRuleNodeDepth,
   flattenTree,
   foldForSearch,
+  formatDateKey,
   formatFileSize,
   hexToRgb,
   hsvToHex,
@@ -428,7 +456,9 @@ export {
   isDateUnavailable,
   isFilterEmpty,
   isRuleGroup,
+  isValidDateKey,
   itemDaySpan,
+  joinDateTime,
   layeredNeighbor,
   layoutDaySpans,
   layoutLane,
@@ -442,6 +472,7 @@ export {
   moveRuleNode,
   normalizeHex,
   packLanes,
+  parseDateInput,
   parseDateValue,
   parseMetricValue,
   partitionFiles,
@@ -464,12 +495,17 @@ export {
   setRuleCombinator,
   shiftSpan,
   snapToStep,
+  splitDateTime,
   startOfMonth,
   stepMetricValue,
   summarizeDiff,
   summarizeFilter,
   summarizeRule,
   textDiffRows,
+  timeZoneName,
+  timelineRepeatedHourOffset,
+  timelineStepDelta,
+  timelineSubTicks,
   timelineTicks,
   toDateKey,
   toast,

package/dist/labels-context.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { PaginationLabels } from './components/Pagination.js';
-import { e as SchedulingCalendarLabels } from './SchedulingCalendar-DSLQ6AY5.js';
+import { e as SchedulingCalendarLabels } from './SchedulingCalendar-B6TakO2h.js';
 import { DateRangePickerLabels } from './components/DateRangePicker.js';
+import { DatePickerLabels, DateTimePickerLabels } from './components/DatePicker.js';
 import { SchedulingTimelineLabels } from './components/SchedulingTimeline.js';
 import { TextDiffLabels } from './components/TextDiff.js';
 import { FilterEditorLabels } from './components/FilterEditor.js';
@@ -10,17 +11,21 @@ import { SelectLabels } from './components/Select.js';
 import { RuleBuilderLabels } from './components/RuleBuilder.js';
 import { FileUploadLabels } from './components/FileUpload.js';
 import { AttachmentLabels } from './attachment-labels.js';
+import { EntityPickerLabels } from './components/EntityPicker.js';
+import { TreeLabels } from './components/Tree.js';
+import { InlineEditLabels } from './components/InlineEdit.js';
 import './link.js';
 import './calendar-model.js';
 import './scheduling-calendar-model.js';
+import './overlay-position.js';
 import './scheduling-timeline-model.js';
 import './text-diff-model.js';
 import './filter-model.js';
-import './overlay-position.js';
 import './select-model.js';
 import './json-value.js';
 import './rule-builder-model.js';
 import './file-model.js';
+import './components/SearchSuggest.js';
 
 /**
  * Kit chrome strings by component (HAR-1358; TENSOR C20, MOTUS executive summary #3).
@@ -60,15 +65,23 @@ interface UixLabels {
     searchSuggest?: {
         clear?: string;
     };
+    /** `resultsOne` / `resultsMany`: the polite result count; `{count}`. */
     commandPalette?: {
         input?: string;
+        resultsOne?: string;
+        resultsMany?: string;
     };
+    entityPicker?: Partial<EntityPickerLabels>;
+    tree?: Partial<TreeLabels>;
+    inlineEdit?: Partial<InlineEditLabels>;
     confirmDialog?: {
         typeToConfirm?: string;
         compensation?: string;
     };
     schedulingCalendar?: Partial<SchedulingCalendarLabels>;
     dateRangePicker?: Partial<DateRangePickerLabels>;
+    datePicker?: Partial<DatePickerLabels>;
+    dateTimePicker?: Partial<DateTimePickerLabels>;
     schedulingTimeline?: Partial<SchedulingTimelineLabels>;
     textDiff?: Partial<TextDiffLabels>;
     filterEditor?: Partial<FilterEditorLabels>;

package/dist/roving.d.ts

@@ -0,0 +1,15 @@
+interface RovingStop {
+    /** The element that holds the tab stop. */
+    node: HTMLElement | null;
+    /** Its place, so the stop survives when that element is removed. */
+    index: number;
+}
+/**
+ * Makes one of `all` the tab stop and takes the others out of the tab order. The stop is
+ * `next` when given, else the element that held it, else the element now in its place.
+ */
+declare function syncRovingStop(all: readonly HTMLElement[], stop: RovingStop, next?: HTMLElement): RovingStop;
+/** Where ArrowUp, ArrowDown, Home or End goes from `from` in `all`, or `null` for any other key. */
+declare function rovingStep(all: readonly HTMLElement[], from: HTMLElement, key: string): HTMLElement | null;
+
+export { type RovingStop, rovingStep, syncRovingStop };

package/dist/roving.js

@@ -0,0 +1,17 @@
+function syncRovingStop(all, stop, next) {
+  if (all.length === 0) return { node: null, index: 0 };
+  const kept = stop.node && all.includes(stop.node) ? stop.node : all[Math.min(stop.index, all.length - 1)];
+  const current = next && all.includes(next) ? next : kept;
+  for (const element of all) element.tabIndex = element === current ? 0 : -1;
+  return { node: current, index: all.indexOf(current) };
+}
+function rovingStep(all, from, key) {
+  const index = all.indexOf(from);
+  if (index === -1) return null;
+  const target = key === "ArrowDown" ? index + 1 : key === "ArrowUp" ? index - 1 : key === "Home" ? 0 : key === "End" ? all.length - 1 : null;
+  return target === null ? null : all[Math.max(0, Math.min(all.length - 1, target))] ?? null;
+}
+export {
+  rovingStep,
+  syncRovingStop
+};

package/dist/scheduling-timeline-model.d.ts

@@ -1,9 +1,4 @@
-/**
- * Pure model for `SchedulingTimeline` (HAR-1364; TENSOR C8): ticks on a time axis, where a
- * bar sits on it, which bars in a lane overlap (and so stack and are flagged), and how a
- * keyboard or pointer move snaps. Instants are ISO 8601 strings or epoch milliseconds; the
- * axis is linear in real time, and only labels depend on the time zone.
- */
+/** The unit of one tick of the axis. */
 type TimelineScale = 'hour' | 'day' | 'week' | 'month';
 interface TimelineRange {
     start: string;
@@ -16,6 +11,22 @@ interface TimelineTick {
     offset: number;
     /** A major tick starts a larger unit (a new day on an hour axis, a new month on a day axis). */
     major: boolean;
+    /**
+     * On an hour axis, the UTC offset (`'+02:00'`) of an hour that occurs twice that day (the
+     * clocks went back), on both occurrences. Not set otherwise.
+     */
+    offsetLabel?: string;
+}
+/** A minor tick inside a day: a local hour the consumer asked for. */
+interface TimelineSubTick {
+    /** Epoch ms of the tick. */
+    at: number;
+    /** Position on the axis, 0–100. */
+    offset: number;
+    /** The local hour (0–23). */
+    hour: number;
+    /** The local hour, two digits (`'06'`). */
+    label: string;
 }
 interface TimelineSpan {
     id: string;
@@ -32,9 +43,19 @@ interface PlacedSpan<T extends TimelineSpan = TimelineSpan> {
     clippedEnd: boolean;
     /** Sub-row inside the lane, so overlapping bars stack instead of covering each other. */
     row: number;
-    /** Overlaps at least one other bar in the same lane. */
+    /** Overlaps at least one other bar in the same lane. Always `false` with `flagOverlaps: false`. */
     conflict: boolean;
 }
+interface LayoutLaneOptions {
+    /** `false` keeps the stacking and flags nothing: the consumer says what clashes, with a reason. Default `true`. */
+    flagOverlaps?: boolean;
+    /**
+     * The time (ms) the narrowest drawn bar covers on this axis. A bar is packed as at least
+     * this long from where it is drawn, so two short bars whose drawn boxes would cover each
+     * other get a sub-row each. It changes the rows only, never the `conflict` flag. Default 0.
+     */
+    minSpan?: number;
+}
 declare const HOUR = 3600000;
 declare const DAY: number;
 /** The default move/resize step for a scale: 15 min on an hour axis, 1 h on a day axis, 1 day otherwise. */
@@ -45,16 +66,30 @@ declare const defaultTimelineStep: (scale: TimelineScale) => number;
  * year walks ~8,800 hours, so keep ranges to what fits on screen.
  */
 declare function timelineTicks(range: TimelineRange, scale: TimelineScale, timeZone: string, weekStartsOn?: number): TimelineTick[];
+/**
+ * Minor ticks for a day axis: one per local hour in `hours` (0–23) on every day of the range,
+ * strictly inside it. The instants come from the zone, so on a day the clocks change 06:00 is
+ * still local 06:00; an hour that does not exist that day has no tick, and one that occurs
+ * twice is ticked at its first occurrence.
+ */
+declare function timelineSubTicks(range: TimelineRange, hours: readonly number[], timeZone: string): TimelineSubTick[];
 /** Position of one span on the axis, clamped to it; null when it is entirely outside. */
 declare function placeSpan(span: {
     start: string;
     end: string;
 }, range: TimelineRange): Omit<PlacedSpan, 'item' | 'row' | 'conflict'> | null;
 /**
- * Places a lane's spans: sorted by start, each in the first sub-row where it does not overlap
- * the previous bar, and flagged `conflict` when it overlaps any other span in the lane.
+ * Places a lane's spans: sorted by start, each in the first sub-row where it overlaps no
+ * earlier bar, and flagged `conflict` when it shares time with any other span in the lane
+ * (unless `flagOverlaps` is `false`). The rows come from `packLanes`, uncapped: every bar gets
+ * one. With `minSpan` a bar is packed as at least that long from where it is drawn, so bars
+ * drawn at their minimum width do not cover each other. Spans equal in start and end keep the
+ * order given. A span that ends before it starts is a point at its start, and a repeated id is
+ * placed each time. One difference from before the shared packer, with no options at all: a
+ * point at the instant a bar starts takes a sub-row of its own (it used to be drawn over the
+ * start of the bar), because the packer gives a zero-length interval its start instant.
  */
-declare function layoutLane<T extends TimelineSpan>(items: readonly T[], range: TimelineRange): PlacedSpan<T>[];
+declare function layoutLane<T extends TimelineSpan>(items: readonly T[], range: TimelineRange, options?: LayoutLaneOptions): PlacedSpan<T>[];
 /** Rounds a millisecond offset to the nearest step. */
 declare const snapToStep: (ms: number, step: number) => number;
 /** A span moved (both ends) or resized (end only) by `delta` ms, as ISO strings; never shorter than one step. */
@@ -67,5 +102,20 @@ declare function shiftSpan(span: {
 };
 /** Converts a horizontal pointer distance on a track of `trackWidth` px to snapped milliseconds. */
 declare function pixelsToMs(px: number, trackWidth: number, range: TimelineRange, step: number): number;
+/**
+ * The UTC offset (`'+02:00'`) of an instant whose wall-clock time occurs twice that day in
+ * `timeZone` (the clocks went back), else `null`. Such a time is not a time until it says which
+ * of the two it is. It holds for a repeat at the end of a day and for one of half an hour too.
+ */
+declare function timelineRepeatedHourOffset(instant: string | number, timeZone: string): string | null;
+/**
+ * A move step as `proposeMove` takes it: a whole number of `DAY`s is that many calendar days
+ * (the wall-clock time is kept, whatever the length of the days in between); anything else is
+ * real minutes.
+ */
+declare function timelineStepDelta(step: number): {
+    days: number;
+    minutes: number;
+};
 
-export { DAY, HOUR, type PlacedSpan, type TimelineRange, type TimelineScale, type TimelineSpan, type TimelineTick, defaultTimelineStep, layoutLane, pixelsToMs, placeSpan, shiftSpan, snapToStep, timelineTicks };
+export { DAY, HOUR, type LayoutLaneOptions, type PlacedSpan, type TimelineRange, type TimelineScale, type TimelineSpan, type TimelineSubTick, type TimelineTick, defaultTimelineStep, layoutLane, pixelsToMs, placeSpan, shiftSpan, snapToStep, timelineRepeatedHourOffset, timelineStepDelta, timelineSubTicks, timelineTicks };

package/dist/scheduling-timeline-model.js

@@ -1,3 +1,4 @@
+import { addCalendarDays, enumerateDateKeys, packLanes, zonedDateKey, zonedDayBounds, zonedDaySpan, zonedHourSlots, zonedTimeOfDay } from "./calendar-model.js";
 const HOUR = 36e5;
 const DAY = 24 * HOUR;
 const toMs = (value) => {
@@ -42,7 +43,32 @@ function timelineTicks(range, scale, timeZone, weekStartsOn = 1) {
     }
     prev = p;
   }
-  return ticks;
+  if (scale !== "hour") return ticks;
+  const repeated = new Map(rangeHourSlots(start, end, timeZone).flat().filter((slot) => slot.offsetLabel !== null).map((slot) => [slot.instant.getTime(), slot.offsetLabel]));
+  return repeated.size === 0 ? ticks : ticks.map((tick) => repeated.has(tick.at) ? { ...tick, offsetLabel: repeated.get(tick.at) } : tick);
+}
+const SLOT_DAY_LIMIT = 400;
+function rangeHourSlots(start, end, timeZone) {
+  if (!(end > start)) return [];
+  const { dates } = enumerateDateKeys(zonedDaySpan(new Date(start), new Date(end), timeZone), { limit: SLOT_DAY_LIMIT });
+  return dates.map((date) => zonedHourSlots(date, timeZone));
+}
+function timelineSubTicks(range, hours, timeZone) {
+  const start = toMs(range.start);
+  const end = toMs(range.end);
+  if (!(end > start) || hours.length === 0) return [];
+  const wanted = new Set(hours);
+  const span = end - start;
+  return rangeHourSlots(start, end, timeZone).flatMap((day) => {
+    const ticked = /* @__PURE__ */ new Set();
+    return day.flatMap((slot) => {
+      const hour = Number(slot.label);
+      const at = slot.instant.getTime();
+      if (!wanted.has(hour) || ticked.has(hour)) return [];
+      ticked.add(hour);
+      return at > start && at < end ? [{ at, offset: (at - start) / span * 100, hour, label: slot.label }] : [];
+    });
+  });
 }
 function placeSpan(span, range) {
   const start = toMs(range.start);
@@ -55,34 +81,32 @@ function placeSpan(span, range) {
   const right = (Math.min(e, end) - start) / total * 100;
   return { left, width: Math.max(right - left, 0), clippedStart: s < start, clippedEnd: e > end };
 }
-function layoutLane(items, range) {
-  const sorted = [...items].sort((a, b) => toMs(a.start) - toMs(b.start) || toMs(a.end) - toMs(b.end));
-  const rowEnds = [];
-  const placed = [];
-  for (const item of sorted) {
-    const pos = placeSpan(item, range);
-    if (!pos) continue;
-    const s = toMs(item.start);
-    let row = rowEnds.findIndex((end) => end <= s);
-    if (row === -1) {
-      row = rowEnds.length;
-      rowEnds.push(0);
-    }
-    rowEnds[row] = Math.max(toMs(item.end), s);
-    placed.push({ item, ...pos, row, conflict: false });
-  }
-  for (let i = 0; i < placed.length; i++) {
-    for (let j = i + 1; j < placed.length; j++) {
-      const a = placed[i].item;
-      const b = placed[j].item;
-      if (toMs(b.start) >= toMs(a.end)) continue;
-      if (toMs(a.start) < toMs(b.end)) {
-        placed[i].conflict = true;
-        placed[j].conflict = true;
+function sharedTimeFlags(spans) {
+  const flags = spans.map(() => false);
+  for (let i = 0; i < spans.length; i++) {
+    for (let j = i + 1; j < spans.length; j++) {
+      if (spans[j].start >= spans[i].givenEnd) break;
+      if (spans[i].start < spans[j].givenEnd) {
+        flags[i] = true;
+        flags[j] = true;
       }
     }
   }
-  return placed;
+  return flags;
+}
+function layoutLane(items, range, options = {}) {
+  const flag = options.flagOverlaps !== false;
+  const minSpan = Math.max(0, options.minSpan ?? 0);
+  const rangeStart = toMs(range.start);
+  const visible = [...items].sort((a, b) => toMs(a.start) - toMs(b.start) || toMs(a.end) - toMs(b.end)).flatMap((item) => {
+    const pos = placeSpan(item, range);
+    const start = toMs(item.start);
+    const givenEnd = toMs(item.end);
+    return pos ? [{ item, pos, start, givenEnd, end: Math.max(givenEnd, start) }] : [];
+  });
+  const packed = packLanes(visible.map(({ start, end }, index) => ({ id: String(index), start, end: Math.max(end, Math.max(start, rangeStart) + minSpan) })), Infinity, { order: "given" });
+  const shares = flag ? sharedTimeFlags(visible) : [];
+  return visible.map(({ item, pos }, index) => ({ item, ...pos, row: packed.lanes[String(index)].lane ?? 0, conflict: flag && shares[index] }));
 }
 const snapToStep = (ms, step) => Math.round(ms / step) * step;
 function shiftSpan(span, delta, mode, step) {
@@ -95,6 +119,38 @@ function pixelsToMs(px, trackWidth, range, step) {
   if (trackWidth <= 0) return 0;
   return snapToStep(px / trackWidth * (toMs(range.end) - toMs(range.start)), step);
 }
+const MINUTE = 6e4;
+const REPEAT_SHIFTS = [30, 60, 90, 120];
+const longDays = /* @__PURE__ */ new Map();
+const LONG_DAY_CACHE_LIMIT = 512;
+function mayRepeat(date, timeZone) {
+  const key = `${timeZone} ${date}`;
+  let long = longDays.get(key);
+  if (long === void 0) {
+    const length = (day) => {
+      const bounds = zonedDayBounds(day, timeZone);
+      return bounds.end.getTime() - bounds.start.getTime();
+    };
+    long = length(date) > Math.min(length(addCalendarDays(date, -1)), length(addCalendarDays(date, 1)));
+    if (longDays.size >= LONG_DAY_CACHE_LIMIT) longDays.delete(longDays.keys().next().value);
+    longDays.set(key, long);
+  }
+  return long;
+}
+function timelineRepeatedHourOffset(instant, timeZone) {
+  const at = toMs(instant);
+  if (!mayRepeat(zonedDateKey(new Date(at), timeZone), timeZone)) return null;
+  const wall = (ms) => `${zonedDateKey(new Date(ms), timeZone)}T${zonedTimeOfDay(ms, timeZone)}`;
+  const here = wall(at);
+  if (!REPEAT_SHIFTS.some((minutes) => wall(at + minutes * MINUTE) === here || wall(at - minutes * MINUTE) === here)) return null;
+  const offset = Math.round((Date.parse(`${here}:00Z`) - Math.floor(at / MINUTE) * MINUTE) / MINUTE);
+  const size = Math.abs(offset);
+  return `${offset < 0 ? "-" : "+"}${String(Math.floor(size / 60)).padStart(2, "0")}:${String(size % 60).padStart(2, "0")}`;
+}
+function timelineStepDelta(step) {
+  if (step !== 0 && step % DAY === 0) return { days: step / DAY, minutes: 0 };
+  return { days: 0, minutes: step / 6e4 };
+}
 export {
   DAY,
   HOUR,
@@ -104,5 +160,8 @@ export {
   placeSpan,
   shiftSpan,
   snapToStep,
+  timelineRepeatedHourOffset,
+  timelineStepDelta,
+  timelineSubTicks,
   timelineTicks
 };

package/dist/scheduling-timeline-rows.d.ts

@@ -0,0 +1,40 @@
+type TimelineRowKind = 'lane' | 'head';
+interface TimelineRowSize {
+    kind: TimelineRowKind;
+    /**
+     * Sub-rows of a lane (at least 1). For a head, the sub-rows of the strip under it (0 or
+     * unset: none): a collapsed group that carries a window is a head and one such strip.
+     */
+    subRows?: number;
+}
+/** A height as counts of the three row units: sub-rows, lane paddings and group heads. */
+interface TimelineExtent {
+    subRows: number;
+    lanes: number;
+    heads: number;
+}
+/**
+ * Where each row starts, as a `TimelineExtent` from the top of the body. One more entry than
+ * rows: the last is the height of the whole body.
+ */
+declare function timelineRowExtents(rows: readonly TimelineRowSize[]): TimelineExtent[];
+/** The half-open index runs `[from, to)` of consecutive `true` entries. */
+declare function timelineRuns(targets: readonly boolean[]): Array<{
+    from: number;
+    to: number;
+}>;
+/**
+ * The rows `[start, end)` to mount: those that touch `[top - overscan, bottom + overscan]`,
+ * given where each row starts (`offsets`, one more entry than rows, in the unit of `top`).
+ * Never more than `cap` rows, and never none while there are rows: a viewport past the end
+ * mounts the last rows.
+ */
+declare function timelineWindow(offsets: readonly number[], top: number, bottom: number, options?: {
+    overscan?: number;
+    cap?: number;
+}): {
+    start: number;
+    end: number;
+};
+
+export { type TimelineExtent, type TimelineRowKind, type TimelineRowSize, timelineRowExtents, timelineRuns, timelineWindow };

package/dist/scheduling-timeline-rows.js

@@ -0,0 +1,42 @@
+function timelineRowExtents(rows) {
+  const extents = [{ subRows: 0, lanes: 0, heads: 0 }];
+  for (const row of rows) {
+    const above = extents[extents.length - 1];
+    extents.push(row.kind === "head" ? { subRows: above.subRows + Math.max(0, row.subRows ?? 0), lanes: above.lanes, heads: above.heads + 1 } : { subRows: above.subRows + Math.max(1, row.subRows ?? 1), lanes: above.lanes + 1, heads: above.heads });
+  }
+  return extents;
+}
+function timelineRuns(targets) {
+  const runs = [];
+  targets.forEach((target, index) => {
+    if (!target) return;
+    const last = runs[runs.length - 1];
+    if (last && last.to === index) last.to = index + 1;
+    else runs.push({ from: index, to: index + 1 });
+  });
+  return runs;
+}
+function timelineWindow(offsets, top, bottom, options = {}) {
+  const count = Math.max(0, offsets.length - 1);
+  if (count === 0) return { start: 0, end: 0 };
+  const overscan = Math.max(0, options.overscan ?? 0);
+  const cap = Math.max(1, options.cap ?? Infinity);
+  const from = top - overscan;
+  const to = bottom + overscan;
+  let lo = 0;
+  let hi = count;
+  while (lo < hi) {
+    const mid = lo + hi >> 1;
+    if (offsets[mid + 1] > from) hi = mid;
+    else lo = mid + 1;
+  }
+  const start = Math.min(lo, count - 1);
+  let end = start + 1;
+  while (end < count && offsets[end] < to && end - start < cap) end++;
+  return { start, end };
+}
+export {
+  timelineRowExtents,
+  timelineRuns,
+  timelineWindow
+};