@tensor_1/react 2.41.0 → 2.43.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 { SearchBar, SearchBarLabels, SearchBarProps } from './components/SearchBar.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';
@@ -23,6 +24,7 @@ export { Field, FieldProps } from './components/Field.js';
 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 { DialogClose, DialogCloseProps, DiscardPromptLabels } from './components/DiscardPrompt.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';
@@ -60,7 +62,7 @@ export { Stat, StatProps, StatTrend } from './components/Stat.js';
 export { Bullet, BulletProps, DEFAULT_INSIGHT_CARD_LABELS, InsightCard, InsightCardLabels, InsightCardProps, InsightComparison, InsightCoverage, InsightKpi, InsightStatus, InsightStatusTone, InsightTarget } from './components/InsightCard.js';
 export { ChartStatPoint, LinearFit, PredictionBandPoint, linearFit, normalQuantile, predictionBand, quantiles, studentTQuantile } from './chart-stats.js';
 export { Chip, ChipGroup, ChipGroupProps, ChipProps } from './components/Chip.js';
-export { Kbd, KbdCombo, KbdComboProps, KbdPlatform, KbdProps } from './components/Kbd.js';
+export { Kbd, KbdCombo, KbdComboProps, KbdPlatform, KbdProps, KeyShortcut, ariaKeyShortcuts } from './components/Kbd.js';
 export { DEFAULT_STEP_STATE_LABELS, Step, StepProps, StepState, StepStateLabels, Steps, StepsProps } from './components/Steps.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
 export { InfoTip, InfoTipProps } from './components/InfoTip.js';
@@ -87,6 +89,7 @@ export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, Command
 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 { DEFAULT_TREE_LABELS, Tree, TreeLabels, TreeNodeData, TreeNodeProps, TreeProps } from './components/Tree.js';
+export { DEFAULT_ORG_CHART_LABELS, OrgChart, OrgChartLabels, OrgChartNode, OrgChartProps, orgChartInitials, orgChartZoomStep } from './components/OrgChart.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';

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 { SearchBar } from "./components/SearchBar.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";
@@ -23,6 +24,7 @@ import { Field } from "./components/Field.js";
 import { Modal } from "./components/Modal.js";
 import { ConfirmDialog, Popconfirm, PromptDialog } from "./components/Dialogs.js";
 import { Drawer } from "./components/Drawer.js";
+import { DialogClose } from "./components/DiscardPrompt.js";
 import { Peek } from "./components/Peek.js";
 import { Lightbox, DEFAULT_LIGHTBOX_LABELS } from "./components/Lightbox.js";
 import { Card, CardLink } from "./components/Card.js";
@@ -74,7 +76,7 @@ import { Stat } from "./components/Stat.js";
 import { Bullet, DEFAULT_INSIGHT_CARD_LABELS, InsightCard } from "./components/InsightCard.js";
 import { linearFit, normalQuantile, predictionBand, quantiles, studentTQuantile } from "./chart-stats.js";
 import { Chip, ChipGroup } from "./components/Chip.js";
-import { Kbd, KbdCombo } from "./components/Kbd.js";
+import { Kbd, KbdCombo, ariaKeyShortcuts } from "./components/Kbd.js";
 import { Steps, Step, DEFAULT_STEP_STATE_LABELS } from "./components/Steps.js";
 import { Tooltip } from "./components/Tooltip.js";
 import { InfoTip } from "./components/InfoTip.js";
@@ -109,6 +111,7 @@ import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandP
 import { Inbox, InboxList, InboxItem, InboxDetail } from "./components/Inbox.js";
 import { Kanban, KanbanColumn, KanbanCard } from "./components/Kanban.js";
 import { Tree, DEFAULT_TREE_LABELS } from "./components/Tree.js";
+import { OrgChart, DEFAULT_ORG_CHART_LABELS, orgChartInitials, orgChartZoomStep } from "./components/OrgChart.js";
 import { flattenTree, treeNav } from "./tree-model.js";
 import {
   PageIntro,
@@ -269,6 +272,7 @@ export {
   DEFAULT_INSIGHT_CARD_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
+  DEFAULT_ORG_CHART_LABELS,
   DEFAULT_PAGINATION_LABELS,
   DEFAULT_PRESENCE_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS,
@@ -290,6 +294,7 @@ export {
   DescriptionList,
   DetailLayout,
   DetailPage,
+  DialogClose,
   DiffViewer,
   Drawer,
   EmptyState,
@@ -352,6 +357,7 @@ export {
   NotFoundState,
   Note,
   NoticeQueue,
+  OrgChart,
   PageHeader,
   PageIntro,
   Pagination,
@@ -378,6 +384,7 @@ export {
   SavedViewMenu,
   SchedulingCalendar,
   SchedulingTimeline,
+  SearchBar,
   SearchSuggest,
   SectionHead,
   Segmented,
@@ -424,6 +431,7 @@ export {
   addZonedDays,
   appendRuleNode,
   applyBrandProfile,
+  ariaKeyShortcuts,
   boundRelationshipGraph,
   buildMonthGrid,
   buildThreeWayDiff,
@@ -478,6 +486,8 @@ export {
   moveRuleNode,
   normalQuantile,
   normalizeHex,
+  orgChartInitials,
+  orgChartZoomStep,
   packLanes,
   parseDateInput,
   parseDateValue,

package/dist/labels-context.d.ts

@@ -13,7 +13,10 @@ 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 { OrgChartLabels } from './components/OrgChart.js';
 import { InlineEditLabels } from './components/InlineEdit.js';
+import { DiscardPromptLabels } from './components/DiscardPrompt.js';
+import { SearchBarLabels } from './components/SearchBar.js';
 import './link.js';
 import './calendar-model.js';
 import './scheduling-calendar-model.js';
@@ -26,6 +29,8 @@ import './json-value.js';
 import './rule-builder-model.js';
 import './file-model.js';
 import './components/SearchSuggest.js';
+import './components/Button.js';
+import './components/Kbd.js';
 
 /**
  * Kit chrome strings by component (HAR-1358; TENSOR C20, MOTUS executive summary #3).
@@ -43,6 +48,8 @@ interface UixLabels {
     drawer?: {
         close?: string;
     };
+    /** The "Discard changes?" step of a `dirty` Drawer or Modal (HAR-2029). */
+    discardPrompt?: Partial<DiscardPromptLabels>;
     peek?: {
         previous?: string;
         next?: string;
@@ -65,6 +72,8 @@ interface UixLabels {
     searchSuggest?: {
         clear?: string;
     };
+    /** `SearchBar` (HAR-2030): the clear button's name and the submit button's text. */
+    searchBar?: Partial<SearchBarLabels>;
     /** `resultsOne` / `resultsMany`: the polite result count; `{count}`. */
     commandPalette?: {
         input?: string;
@@ -73,6 +82,8 @@ interface UixLabels {
     };
     entityPicker?: Partial<EntityPickerLabels>;
     tree?: Partial<TreeLabels>;
+    /** `OrgChart` (HAR-1807): loading and error rows, the report count, the zoom toolbar. */
+    orgChart?: Partial<OrgChartLabels>;
     inlineEdit?: Partial<InlineEditLabels>;
     confirmDialog?: {
         typeToConfirm?: string;

package/dist/rich-text.cjs

@@ -1373,11 +1373,16 @@ function translationOf(el) {
   if (!t || t === "none" || typeof DOMMatrixReadOnly === "undefined") return { x: 0, y: 0 };
   try {
     const m = new DOMMatrixReadOnly(t);
-    return { x: m.m41, y: m.m42 };
+    const z = zoomOf(el);
+    return { x: m.m41 * z, y: m.m42 * z };
   } catch {
     return { x: 0, y: 0 };
   }
 }
+function zoomOf(el) {
+  const z = el.currentCSSZoom;
+  return typeof z === "number" && Number.isFinite(z) && z > 0 ? z : 1;
+}
 var signed = (n) => `${n < 0 ? "-" : "+"} ${Math.round(Math.abs(n) * 100) / 100}px`;
 var prepared = /* @__PURE__ */ new WeakSet();
 function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-start", offset = 6, padding = 8, shiftMainAxis = true, capHeight = false, onAnchorHidden }) {
@@ -1402,8 +1407,9 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
       const s = floating.style;
       if (keepPlace && current.anchor.isConnected) {
         const a = current.anchor.getBoundingClientRect();
-        s.top = `${Math.round((current.yEdge === "bottom" ? a.bottom : a.top) + current.dy)}px`;
-        s.left = `${Math.round((current.xEdge === "right" ? a.right : a.left) + current.dx)}px`;
+        const z = zoomOf(floating);
+        s.top = `${Math.round(((current.yEdge === "bottom" ? a.bottom : a.top) + current.dy) / z)}px`;
+        s.left = `${Math.round(((current.xEdge === "right" ? a.right : a.left) + current.dx) / z)}px`;
       }
       s.removeProperty("position-anchor");
     }
@@ -1431,6 +1437,7 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
       written.current = "";
     }
     const { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, capHeight: cap } = opts.current;
+    const zoom = floating.getClientRects().length > 0 ? zoomOf(floating) : zoomOf(anchorEl);
     if (cap) {
       if (!heightCap.current) {
         const own = getComputedStyle(floating);
@@ -1444,7 +1451,7 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
         };
         if (setOverflow) s.overflowY = "auto";
       }
-      const room = `${Math.max(0, window.innerHeight - 2 * pad)}px`;
+      const room = `${Math.max(0, (window.innerHeight - 2 * pad * zoom) / zoom)}px`;
       const max = heightCap.current.ownMaxHeight ? `min(${room}, ${heightCap.current.ownMaxHeight})` : room;
       if (max !== heightCap.current.written) {
         s.maxHeight = max;
@@ -1454,19 +1461,19 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
       uncap();
     }
     const a = anchorEl.getBoundingClientRect();
-    const size = { width: floating.offsetWidth, height: floating.offsetHeight };
+    const size = { width: floating.offsetWidth * zoom, height: floating.offsetHeight * zoom };
     const pos = computePosition(
       { x: a.x, y: a.y, width: a.width, height: a.height },
       size,
       { width: window.innerWidth, height: window.innerHeight },
-      { placement: p, offset: o, padding: pad, shiftMainAxis: keepInView, stickySide: side.current ?? void 0 }
+      { placement: p, offset: o * zoom, padding: pad * zoom, shiftMainAxis: keepInView, stickySide: side.current ?? void 0 }
     );
     const measured = size.width > 0 || size.height > 0;
     if (measured && session.current) side.current = pos.side;
     if (floating.dataset.placement !== pos.placement) floating.dataset.placement = pos.placement;
     const writeFixed = (at) => {
-      const left2 = `${Math.round(at.x)}px`;
-      const top2 = `${Math.round(at.y)}px`;
+      const left2 = `${Math.round(at.x / zoom)}px`;
+      const top2 = `${Math.round(at.y / zoom)}px`;
       const key2 = `fixed ${left2} ${top2}`;
       if (key2 === written.current) return;
       s.left = left2;
@@ -1493,8 +1500,8 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
     current.xEdge = pos.side === "right" ? "right" : "left";
     current.dy = pos.y - (current.yEdge === "bottom" ? a.bottom : a.top);
     current.dx = pos.x - (current.xEdge === "right" ? a.right : a.left);
-    const top = `round(anchor(${current.yEdge}) ${signed(current.dy)}, 1px)`;
-    const left = `round(anchor(${current.xEdge}) ${signed(current.dx)}, 1px)`;
+    const top = `round(anchor(${current.yEdge}) ${signed(current.dy / zoom)}, 1px)`;
+    const left = `round(anchor(${current.xEdge}) ${signed(current.dx / zoom)}, 1px)`;
     const key = `anchored ${top} ${left}`;
     if (key !== written.current) {
       s.top = top;

package/package.json

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