@tensor_1/react 2.29.0 → 2.31.0

package/dist/index.d.ts

@@ -11,6 +11,7 @@ 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 { FoldedText, SearchSegment, foldForSearch, searchSegments } from './search-suggest-model.js';
 export { Textarea, TextareaProps } from './components/Textarea.js';
 export { Select, SelectProps } from './components/Select.js';
@@ -22,6 +23,7 @@ export { Modal, ModalProps } from './components/Modal.js';
 export { ConfirmDialog, ConfirmDialogProps, Popconfirm, PopconfirmProps, PromptDialog, PromptDialogProps } from './components/Dialogs.js';
 export { Drawer, DrawerProps } from './components/Drawer.js';
 export { Peek, PeekProps } from './components/Peek.js';
+export { DEFAULT_LIGHTBOX_LABELS, Lightbox, LightboxItem, LightboxLabels, LightboxProps } from './components/Lightbox.js';
 export { Card, CardLink, CardLinkProps, CardProps } from './components/Card.js';
 export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './components/Breadcrumbs.js';
 export { PageHeader, PageHeaderProps } from './components/PageHeader.js';
@@ -38,6 +40,9 @@ export { NavGroup, NavGroupProps, NavItem, NavItemProps, Sidebar, SidebarProps,
 export { StarButton, StarButtonProps } from './components/StarButton.js';
 export { CopyButton, CopyButtonProps } from './components/CopyButton.js';
 export { NavFavouriteItem, NavFavourites, NavFavouritesLabels, NavFavouritesProps } from './components/NavFavourites.js';
+export { DEFAULT_FILE_UPLOAD_LABELS, FileUpload, FileUploadItem, FileUploadLabels, FileUploadProps, FileUploadStatus } from './components/FileUpload.js';
+export { Attachment, AttachmentLabels, AttachmentList, AttachmentListProps, AttachmentProps, DEFAULT_ATTACHMENT_LABELS } from './components/Attachment.js';
+export { FileRejection, FileRejectionReason, fileKind, fileMatchesAccept, formatFileSize, partitionFiles } from './file-model.js';
 export { Alert, AlertProps, AlertTone } from './components/Alert.js';
 export { Spinner, SpinnerProps } from './components/Spinner.js';
 export { Toast, ToastProps, ToastTone, Toaster, ToasterProps } from './components/Toast.js';
@@ -65,6 +70,8 @@ export { DEFAULT_SAVE_STATUS_LABELS, SaveStatus, SaveStatusLabels, SaveStatusPro
 export { Composer, ComposerBar, ComposerBarProps, ComposerProps } from './components/Composer.js';
 export { Segmented, SegmentedOption, SegmentedOptionProps, SegmentedProps } from './components/Segmented.js';
 export { FilterOption, FilterPopover, FilterPopoverProps, SavedViewItem, SavedViewMenu, SavedViewMenuProps, SavedViewSection, ViewMenu, ViewMenuColumn, ViewMenuColumnLabels, ViewMenuProps } from './components/TableControls.js';
+export { DEFAULT_FILTER_EDITOR_LABELS, FilterEditor, FilterEditorLabels, FilterEditorProps } from './components/FilterEditor.js';
+export { DEFAULT_FILTER_SUMMARY_LABELS, FilterChoice, FilterField, FilterSummaryLabels, FilterValue, FilterValueKind, NUMBER_FILTER_OPERATORS, NumberFilterOperator, SummarizeFilterOptions, TEXT_FILTER_OPERATORS, TextFilterOperator, emptyFilterValue, isFilterEmpty, summarizeFilter } from './filter-model.js';
 export { Timeline, TimelineItem, TimelineItemProps, TimelineProps } from './components/Timeline.js';
 export { Pipeline, PipelineProps, PipelineStage, PipelineStageProps, PipelineStageState } from './components/Pipeline.js';
 export { Flow, FlowNode, FlowNodeProps, FlowNodeState, FlowProps, FlowVariant } from './components/Flow.js';
@@ -82,6 +89,8 @@ export { DEFAULT_RULE_BUILDER_LABELS, RuleActionDefinition, RuleBuilder, RuleBui
 export { RuleAction, RuleCondition, RuleDefinition, RuleGroup, RuleValidationIssue, appendRuleNode, findRuleNodeDepth, isRuleGroup, mapRuleGroup, moveRuleNode, removeRuleNode, ruleDepth, summarizeRule, validateRuleDefinition } from './rule-builder-model.js';
 export { BuilderCanvas, BuilderCanvasItem, BuilderCanvasLabels, BuilderCanvasProps, BuilderPaletteItem, DEFAULT_BUILDER_CANVAS_LABELS } from './components/BuilderCanvas.js';
 export { DEFAULT_SCHEDULING_CALENDAR_LABELS, SchedulingCalendar, SchedulingCalendarEntry, SchedulingCalendarLabels, SchedulingCalendarOverlay, SchedulingCalendarProps, SchedulingCalendarView, SchedulingDatePart, SchedulingEntryState, SchedulingOverlayKind } from './components/SchedulingCalendar.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_DATE_RANGE_PICKER_LABELS, DateRangePicker, DateRangePickerLabels, DateRangePickerProps } from './components/DateRangePicker.js';
 export { CalendarDay, CalendarWeekday, DateRangeValue, ZonedDateSpan, addCalendarDays, addCalendarMonths, buildMonthGrid, enumerateDateSpan, isDateInRange, isDateUnavailable, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan } from './calendar-model.js';
 export { DEFAULT_RELATIONSHIP_GRAPH_LABELS, RelationshipGraph, RelationshipGraphLabels, RelationshipGraphLegendItem, RelationshipGraphProps } from './components/RelationshipGraph.js';

package/dist/index.js

@@ -11,6 +11,7 @@ import { Input, InputGroup } from "./components/Input.js";
 import { Combobox } from "./components/Combobox.js";
 import { filterComboboxOptions } from "./combobox-model.js";
 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 { Select } from "./components/Select.js";
@@ -22,6 +23,7 @@ import { Modal } from "./components/Modal.js";
 import { ConfirmDialog, Popconfirm, PromptDialog } from "./components/Dialogs.js";
 import { Drawer } from "./components/Drawer.js";
 import { Peek } from "./components/Peek.js";
+import { Lightbox, DEFAULT_LIGHTBOX_LABELS } from "./components/Lightbox.js";
 import { Card, CardLink } from "./components/Card.js";
 import { Breadcrumbs } from "./components/Breadcrumbs.js";
 import { PageHeader } from "./components/PageHeader.js";
@@ -38,6 +40,9 @@ import { Sidebar, SidebarSection, NavItem, NavGroup, SubNavItem } from "./compon
 import { StarButton } from "./components/StarButton.js";
 import { CopyButton } from "./components/CopyButton.js";
 import { NavFavourites } from "./components/NavFavourites.js";
+import { FileUpload, DEFAULT_FILE_UPLOAD_LABELS } from "./components/FileUpload.js";
+import { Attachment, AttachmentList, DEFAULT_ATTACHMENT_LABELS } from "./components/Attachment.js";
+import { fileKind, fileMatchesAccept, formatFileSize, partitionFiles } from "./file-model.js";
 import { Alert } from "./components/Alert.js";
 import { Spinner } from "./components/Spinner.js";
 import { Toast, Toaster } from "./components/Toast.js";
@@ -79,6 +84,15 @@ import { SaveStatus, DEFAULT_SAVE_STATUS_LABELS } from "./components/SaveStatus.
 import { Composer, ComposerBar } from "./components/Composer.js";
 import { Segmented, SegmentedOption } from "./components/Segmented.js";
 import { ViewMenu, FilterPopover, SavedViewMenu } from "./components/TableControls.js";
+import { FilterEditor, DEFAULT_FILTER_EDITOR_LABELS } from "./components/FilterEditor.js";
+import {
+  DEFAULT_FILTER_SUMMARY_LABELS,
+  NUMBER_FILTER_OPERATORS,
+  TEXT_FILTER_OPERATORS,
+  emptyFilterValue,
+  isFilterEmpty,
+  summarizeFilter
+} from "./filter-model.js";
 import { Timeline, TimelineItem } from "./components/Timeline.js";
 import { Pipeline, PipelineStage } from "./components/Pipeline.js";
 import { Flow, FlowNode } from "./components/Flow.js";
@@ -119,6 +133,18 @@ import {
 } from "./rule-builder-model.js";
 import { BuilderCanvas, DEFAULT_BUILDER_CANVAS_LABELS } from "./components/BuilderCanvas.js";
 import { DEFAULT_SCHEDULING_CALENDAR_LABELS, SchedulingCalendar } from "./components/SchedulingCalendar.js";
+import { DEFAULT_SCHEDULING_TIMELINE_LABELS, SchedulingTimeline } from "./components/SchedulingTimeline.js";
+import {
+  DAY,
+  HOUR,
+  defaultTimelineStep,
+  layoutLane,
+  pixelsToMs,
+  placeSpan,
+  shiftSpan,
+  snapToStep,
+  timelineTicks
+} from "./scheduling-timeline-model.js";
 import { DateRangePicker, DEFAULT_DATE_RANGE_PICKER_LABELS } from "./components/DateRangePicker.js";
 import {
   addCalendarDays,
@@ -148,6 +174,8 @@ export {
   Alert,
   AppShell,
   AsyncOperationStatus,
+  Attachment,
+  AttachmentList,
   Avatar,
   AvatarGroup,
   BrandProfileEditor,
@@ -179,17 +207,25 @@ export {
   ContentList,
   ContentListItem,
   CopyButton,
+  DAY,
+  DEFAULT_ATTACHMENT_LABELS,
   DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
   DEFAULT_BUILDER_CANVAS_LABELS,
   DEFAULT_COLOR_PICKER_LABELS,
   DEFAULT_DATE_RANGE_PICKER_LABELS,
   DEFAULT_DIFF_VIEWER_LABELS,
+  DEFAULT_ENTITY_PICKER_LABELS,
+  DEFAULT_FILE_UPLOAD_LABELS,
+  DEFAULT_FILTER_EDITOR_LABELS,
+  DEFAULT_FILTER_SUMMARY_LABELS,
+  DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
   DEFAULT_PAGINATION_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS,
   DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS,
   DEFAULT_SCHEDULING_CALENDAR_LABELS,
+  DEFAULT_SCHEDULING_TIMELINE_LABELS,
   DEFAULT_STEP_STATE_LABELS,
   DateRangePicker,
   DescriptionItem,
@@ -199,6 +235,7 @@ export {
   DiffViewer,
   Drawer,
   EmptyState,
+  EntityPicker,
   ErrorState,
   EventRow,
   ExpandToggle,
@@ -206,11 +243,14 @@ export {
   FeaturedRundownItem,
   FeaturedStage,
   Field,
+  FileUpload,
+  FilterEditor,
   FilterPopover,
   FilteredEmptyState,
   Flow,
   FlowNode,
   ForbiddenState,
+  HOUR,
   Highlighted,
   Inbox,
   InboxDetail,
@@ -226,6 +266,7 @@ export {
   KbdCombo,
   Label,
   LicensePositionBar,
+  Lightbox,
   List,
   ListItem,
   LoadingState,
@@ -238,6 +279,7 @@ export {
   Meter,
   MetricInput,
   Modal,
+  NUMBER_FILTER_OPERATORS,
   NavFavourites,
   NavGroup,
   NavItem,
@@ -268,6 +310,7 @@ export {
   SaveStatus,
   SavedViewMenu,
   SchedulingCalendar,
+  SchedulingTimeline,
   SearchSuggest,
   SectionHead,
   Segmented,
@@ -286,6 +329,7 @@ export {
   Steps,
   SubNavItem,
   Switch,
+  TEXT_FILTER_OPERATORS,
   TOAST_LEAVE_MS,
   Tab,
   TabPanel,
@@ -321,18 +365,25 @@ export {
   createToastApi,
   createToastStore,
   cx,
+  defaultTimelineStep,
+  emptyFilterValue,
   enumerateDateSpan,
+  fileKind,
+  fileMatchesAccept,
   filterComboboxOptions,
   findRuleNodeDepth,
   flattenTree,
   foldForSearch,
+  formatFileSize,
   hexToRgb,
   hsvToHex,
   hsvToRgb,
   isDateInRange,
   isDateUnavailable,
+  isFilterEmpty,
   isRuleGroup,
   layeredNeighbor,
+  layoutLane,
   layoutLayeredGraph,
   layoutRelationshipGraph,
   mapRuleGroup,
@@ -341,6 +392,9 @@ export {
   normalizeHex,
   parseDateValue,
   parseMetricValue,
+  partitionFiles,
+  pixelsToMs,
+  placeSpan,
   relationshipNeighbors,
   relativeTimeValue,
   removeRuleNode,
@@ -351,10 +405,14 @@ export {
   ruleDepth,
   searchSegments,
   selectRangeDate,
+  shiftSpan,
+  snapToStep,
   startOfMonth,
   stepMetricValue,
   summarizeDiff,
+  summarizeFilter,
   summarizeRule,
+  timelineTicks,
   toDateKey,
   toast,
   traverseRelationshipNode,

package/dist/labels-context.d.ts

@@ -3,8 +3,10 @@ import { ReactNode } from 'react';
 import { PaginationLabels } from './components/Pagination.js';
 import { SchedulingCalendarLabels } from './components/SchedulingCalendar.js';
 import { DateRangePickerLabels } from './components/DateRangePicker.js';
+import { SchedulingTimelineLabels } from './components/SchedulingTimeline.js';
 import './link.js';
 import './calendar-model.js';
+import './scheduling-timeline-model.js';
 
 /**
  * Kit chrome strings by component (HAR-1358; TENSOR C20, MOTUS executive summary #3).
@@ -53,6 +55,7 @@ interface UixLabels {
     };
     schedulingCalendar?: Partial<SchedulingCalendarLabels>;
     dateRangePicker?: Partial<DateRangePickerLabels>;
+    schedulingTimeline?: Partial<SchedulingTimelineLabels>;
     /** Read by `useUixLabels()` callers; `Pagination` itself is server-safe and takes `labels`. */
     pagination?: Partial<PaginationLabels>;
     /** Read by `useUixLabels()` callers; `BulkBar` itself is server-safe and takes `label`. */

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

@@ -0,0 +1,71 @@
+/**
+ * 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.
+ */
+type TimelineScale = 'hour' | 'day' | 'week' | 'month';
+interface TimelineRange {
+    start: string;
+    end: string;
+}
+interface TimelineTick {
+    /** Epoch ms of the tick. */
+    at: number;
+    /** Position on the axis, 0–100. */
+    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;
+}
+interface TimelineSpan {
+    id: string;
+    start: string;
+    end: string;
+}
+interface PlacedSpan<T extends TimelineSpan = TimelineSpan> {
+    item: T;
+    /** 0–100, clamped to the visible range. */
+    left: number;
+    width: number;
+    /** Starts before / ends after the visible range (draw a cut edge). */
+    clippedStart: boolean;
+    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. */
+    conflict: boolean;
+}
+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. */
+declare const defaultTimelineStep: (scale: TimelineScale) => number;
+/**
+ * Ticks for the range at the scale's unit (hour, day, week starting `weekStartsOn`, month),
+ * aligned to wall-clock boundaries in `timeZone`. Bounded to 500 ticks; a month axis over a
+ * 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[];
+/** 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.
+ */
+declare function layoutLane<T extends TimelineSpan>(items: readonly T[], range: TimelineRange): 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. */
+declare function shiftSpan(span: {
+    start: string;
+    end: string;
+}, delta: number, mode: 'move' | 'resize', step: number): {
+    start: string;
+    end: string;
+};
+/** 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;
+
+export { DAY, HOUR, type PlacedSpan, type TimelineRange, type TimelineScale, type TimelineSpan, type TimelineTick, defaultTimelineStep, layoutLane, pixelsToMs, placeSpan, shiftSpan, snapToStep, timelineTicks };

package/dist/scheduling-timeline-model.js

@@ -0,0 +1,108 @@
+const HOUR = 36e5;
+const DAY = 24 * HOUR;
+const toMs = (value) => {
+  const ms = typeof value === "number" ? value : Date.parse(value);
+  if (Number.isNaN(ms)) throw new TypeError(`Invalid instant: ${String(value)}`);
+  return ms;
+};
+const defaultTimelineStep = (scale) => scale === "hour" ? 15 * 6e4 : scale === "day" ? HOUR : DAY;
+function zonedParts(ms, timeZone) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    hourCycle: "h23",
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    weekday: "short"
+  }).formatToParts(new Date(ms));
+  const get = (type) => parts.find((p) => p.type === type)?.value ?? "";
+  return { year: +get("year"), month: +get("month"), day: +get("day"), hour: +get("hour"), minute: +get("minute"), weekday: get("weekday") };
+}
+function timelineTicks(range, scale, timeZone, weekStartsOn = 1) {
+  const start = toMs(range.start);
+  const end = toMs(range.end);
+  if (end <= start) return [];
+  const span = end - start;
+  const ticks = [];
+  const weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const step = scale === "hour" ? 15 * 6e4 : HOUR;
+  let prev = zonedParts(start - step, timeZone);
+  for (let at = Math.ceil(start / step) * step; at <= end && ticks.length < 500; at += step) {
+    const p = zonedParts(at, timeZone);
+    const newHour = p.minute === 0 && (p.hour !== prev.hour || prev.minute !== 0);
+    const newDay = p.day !== prev.day && p.minute === 0;
+    const newMonth = newDay && p.day === 1;
+    const newWeek = newDay && weekdays.indexOf(p.weekday) === weekStartsOn;
+    const isTick = scale === "hour" ? newHour : scale === "day" ? newDay : scale === "week" ? newWeek : newMonth;
+    if (isTick) {
+      const major = scale === "hour" ? newDay : scale === "day" ? newWeek : scale === "week" ? newMonth : p.month === 1;
+      ticks.push({ at, offset: (at - start) / span * 100, major });
+    }
+    prev = p;
+  }
+  return ticks;
+}
+function placeSpan(span, range) {
+  const start = toMs(range.start);
+  const end = toMs(range.end);
+  const s = toMs(span.start);
+  const e = Math.max(toMs(span.end), s);
+  if (e < start || s > end || end <= start) return null;
+  const total = end - start;
+  const left = (Math.max(s, start) - start) / total * 100;
+  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;
+      }
+    }
+  }
+  return placed;
+}
+const snapToStep = (ms, step) => Math.round(ms / step) * step;
+function shiftSpan(span, delta, mode, step) {
+  const s = toMs(span.start);
+  const e = toMs(span.end);
+  if (mode === "move") return { start: new Date(s + delta).toISOString(), end: new Date(e + delta).toISOString() };
+  return { start: new Date(s).toISOString(), end: new Date(Math.max(e + delta, s + step)).toISOString() };
+}
+function pixelsToMs(px, trackWidth, range, step) {
+  if (trackWidth <= 0) return 0;
+  return snapToStep(px / trackWidth * (toMs(range.end) - toMs(range.start)), step);
+}
+export {
+  DAY,
+  HOUR,
+  defaultTimelineStep,
+  layoutLane,
+  pixelsToMs,
+  placeSpan,
+  shiftSpan,
+  snapToStep,
+  timelineTicks
+};

package/package.json

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