@tensor_1/react 2.34.0 → 2.35.0

package/dist/index.d.cts

@@ -734,6 +734,12 @@ interface SchedulingCalendarEntry {
     allDay?: boolean;
     /** `false` keeps this entry where it is when the grid allows moves (`canMove`). */
     movable?: boolean;
+    /**
+     * Draws the item with more or less weight than its neighbours, for example the partners of
+     * the item the user picked (`'highlight'`) against everything else (`'dim'`). It is a line
+     * weight and a quieter text colour, never a hue.
+     */
+    emphasis?: 'highlight' | 'dim';
 }
 interface SchedulingCalendarOverlay {
     id: string;
@@ -760,7 +766,11 @@ interface SchedulingCalendarDay {
     count: number;
     /** The "+N" of the cell. 0 shows none. */
     overflowCount: number;
-    /** The accessible text of the count, e.g. "7 items, 2 need review". */
+    /**
+     * The accessible text of the count, e.g. "7 items, 2 need review". The day's button is named
+     * with the date and this text (`labels.dayName`), so a screen reader hears the date, the count
+     * and the highest signal in one go.
+     */
     label?: string;
     markers?: SchedulingMarker[];
 }
@@ -830,6 +840,8 @@ interface SchedulingCalendarLabels {
     moreSpans?: string;
     /** Accessible name of that control. `{count}` and `{date}` (the first day with a hidden span). */
     moreSpansLabel?: string;
+    /** The name of a day's button when `days[date].label` is given. `{date}` and `{label}` placeholders; use `'{label}'` if your labels already say the date. */
+    dayName?: string;
     /** The accessible text of a day's count when `days[date].label` is not given. `{count}` placeholder. */
     dayCount?: string;
     states: Record<SchedulingEntryState, string>;
@@ -2742,9 +2754,16 @@ declare function CollapsibleSection(props: CollapsibleSectionProps): react.JSX.E
 
 interface ListProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
+    /**
+     * Makes the list one tab stop: ArrowUp and ArrowDown move between its `ListItem`s, Home and
+     * End go to the first and last, Enter and Space activate the focused item (its `onClick`).
+     * Focus stays on the same item across re-renders with the same keys. A roving list is a
+     * client component; without `roving` the list stays server-renderable.
+     */
+    roving?: boolean;
 }
 /** Bordered, rounded list container over `.uix-list`. */
-declare function List({ children, className, ...props }: ListProps): react.JSX.Element;
+declare function List({ children, className, roving, ...props }: ListProps): react.JSX.Element;
 interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     title?: ReactNode;
     meta?: ReactNode;

package/dist/index.d.ts

@@ -90,7 +90,7 @@ 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';

package/dist/labels-context.d.ts

@@ -1,7 +1,7 @@
 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 { SchedulingTimelineLabels } from './components/SchedulingTimeline.js';
 import { TextDiffLabels } from './components/TextDiff.js';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tensor_1/react",
-  "version": "2.34.0",
+  "version": "2.35.0",
   "description": "Thin React wrappers over the UIx v2 CSS component library.",
   "license": "UNLICENSED",
   "type": "module",