@servicetitan/anvil2 3.0.7 → 3.0.8

package/dist/{DataTable-E8z0H8c7.js → DataTable-Dwhwvm6R.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-D2k5X_wX.js';
+import { C as Chip } from './Chip-CyMNyEPR.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
 import * as React from 'react';
 import { useId, useRef, useCallback, useMemo, createContext, forwardRef, useEffect, useContext, useState, useLayoutEffect, useImperativeHandle, memo as memo$1, Fragment as Fragment$1, isValidElement } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Checkbox } from './Checkbox-BeIzx_ZX.js';
+import { C as Checkbox } from './Checkbox-BYWhkYoK.js';
 import { B as Button } from './Button-C_V2xQAs.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
@@ -13,19 +13,21 @@ import { I as Icon } from './Icon-feeG7gXA.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-DTQ8Ofoz.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-EKtvlL62.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-CAweNjRL.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-Drz8SEk9.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
+import { p as portalScopeClassNames } from './portalScopeClassNames-jlZkdug_.js';
 import { a as useOnClickOutside, r as registerLayer, u as unregisterLayer } from './useOnClickOutside-Zw5vzxSq.js';
-import { c as computePosition, o as offset, v as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-CHrYz13o.js';
-import { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
+import { c as computePosition, o as offset, h as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-BIKT960u.js';
+import { F as FieldLabel } from './FieldLabel-VVn8GR64.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { T as Tooltip } from './Tooltip-yr1D06BE.js';
+import { T as Tooltip } from './Tooltip-DqS6xDUf.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
-import { a as Pagination, P as Pagination$1 } from './Pagination-Bmd4JORe.js';
+import { S as SvgKeyboardArrowLeft } from './keyboard_arrow_left-CiE1n99w.js';
+import { S as SvgKeyboardArrowRight } from './keyboard_arrow_right-DMloHg_F.js';
+import { a as Pagination, P as Pagination$1 } from './Pagination-CAeyJ7Pl.js';
 import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
@@ -209,7 +211,7 @@ const SurfaceContent = forwardRef(
         popover: "manual",
         ...dialogProps,
         tabIndex: -1,
-        className: cx(className, styles$i["surface"]),
+        className: cx(className, styles$i["surface"], portalScopeClassNames),
         style: {
           ...style,
           width: resolvedWidth,
@@ -4238,20 +4240,12 @@ function useDTFocusDispatchContext() {
       type: "BLUR"
     });
   }, [dispatch]);
-  const focusSubComponent = useCallback(() => {
-    dispatch({ type: "FOCUS_SUB_COMPONENT" });
-  }, [dispatch]);
-  const blurSubComponent = useCallback(() => {
-    dispatch({ type: "BLUR_SUB_COMPONENT" });
-  }, [dispatch]);
   return {
     focusTableGenerally,
     moveFocusToCell,
     moveFocus,
     jumpFocus,
     blur,
-    focusSubComponent,
-    blurSubComponent,
     dispatch
   };
 }
@@ -6719,6 +6713,19 @@ const styles$8 = {
 };
 
 const ACTIVATE_IGNORE_SELECTOR = 'button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="menuitem"], [data-anv="checkbox"], [class*="data-table-body-cell-editable"]';
+function escapeRowIdSelectorValue(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\a ").replace(/\r/g, "\\d ").replace(/\f/g, "\\c ");
+}
+function getRowElementById(doc, rowId) {
+  const rowIdText = String(rowId);
+  const rowElement = doc.querySelector(
+    `[data-row-id="${escapeRowIdSelectorValue(rowIdText)}"]`
+  );
+  return rowElement?.dataset.rowId === rowIdText ? rowElement : void 0;
+}
 function collectDescendantIds(row) {
   const out = [];
   const stack = [...row.subRows ?? []];
@@ -6733,7 +6740,12 @@ function collectDescendantIds(row) {
   return out;
 }
 function DataTableBodyRowInner({
-  columnOrder,
+  // columnOrder is no longer read directly; the row only needs the
+  // index map for cell positioning. It remains on the props for the
+  // memo-equality check downstream — when columnOrder identity changes
+  // (column reorder/pin change) the row re-renders.
+  columnOrder: _columnOrder,
+  columnIndexMap,
   row,
   rowIndex,
   tableHasSubRows,
@@ -6750,7 +6762,7 @@ function DataTableBodyRowInner({
   const visibleCells = row.getVisibleCells();
   const id = row.id;
   const original = row.original;
-  const { focusSubComponent, blurSubComponent } = useDTFocusDispatchContext();
+  const descendantIds = useMemo(() => collectDescendantIds(row), [row]);
   const handleRowClick = useCallback(
     (event) => {
       if (!isActivatable) return;
@@ -6759,10 +6771,10 @@ function DataTableBodyRowInner({
       if (target?.closest(ACTIVATE_IGNORE_SELECTOR)) return;
       onToggleActive(
         row.id,
-        collectDescendantIds(row)
+        descendantIds
       );
     },
-    [isActivatable, isReadOnly, onToggleActive, row]
+    [isActivatable, isReadOnly, onToggleActive, row.id, descendantIds]
   );
   const shouldCascadeHover = isActivatable && canExpand;
   const handleMouseEnter = useCallback(
@@ -6770,28 +6782,24 @@ function DataTableBodyRowInner({
       if (!shouldCascadeHover) return;
       const doc = event.currentTarget.ownerDocument ?? document;
       const className = styles$8["data-table-body-row-ancestor-hovered"];
-      for (const descendantId of collectDescendantIds(row)) {
-        const el = doc.querySelector(
-          `[data-row-id="${CSS.escape(String(descendantId))}"]`
-        );
+      for (const descendantId of descendantIds) {
+        const el = getRowElementById(doc, descendantId);
         el?.classList.add(className);
       }
     },
-    [shouldCascadeHover, row]
+    [shouldCascadeHover, descendantIds]
   );
   const handleMouseLeave = useCallback(
     (event) => {
       if (!shouldCascadeHover) return;
       const doc = event.currentTarget.ownerDocument ?? document;
       const className = styles$8["data-table-body-row-ancestor-hovered"];
-      for (const descendantId of collectDescendantIds(row)) {
-        const el = doc.querySelector(
-          `[data-row-id="${CSS.escape(String(descendantId))}"]`
-        );
+      for (const descendantId of descendantIds) {
+        const el = getRowElementById(doc, descendantId);
         el?.classList.remove(className);
       }
     },
-    [shouldCascadeHover, row]
+    [shouldCascadeHover, descendantIds]
   );
   const rowRef = useRef(null);
   useLayoutEffect(() => {
@@ -6801,9 +6809,7 @@ function DataTableBodyRowInner({
     const className = styles$8["data-table-body-row-ancestor-hovered"];
     let ancestor = row.getParentRow();
     while (ancestor) {
-      const ancestorEl = ownerDoc.querySelector(
-        `[data-row-id="${CSS.escape(String(ancestor.id))}"]`
-      );
+      const ancestorEl = getRowElementById(ownerDoc, ancestor.id);
       if (ancestorEl?.matches(":hover")) {
         el.classList.add(className);
         return;
@@ -6847,7 +6853,7 @@ function DataTableBodyRowInner({
               [styles$8["data-table-body-cell-depth-indent"]]: isFirstDataCell,
               [styles$8["data-table-body-cell-action-depth-indent"]]: isExpandColumn
             });
-            const columnIndex = columnOrder.indexOf(cell.column.getIndex());
+            const columnIndex = columnIndexMap.get(cell.column.getIndex()) ?? -1;
             return /* @__PURE__ */ jsx(
               DataTableBodyCell,
               {
@@ -6872,12 +6878,6 @@ function DataTableBodyRowInner({
         className: cx(styles$8["data-table-body-sub-component-row"], {
           [styles$8["data-table-body-sub-component-row-active"]]: isActive
         }),
-        onFocus: () => {
-          focusSubComponent();
-        },
-        onBlur: () => {
-          blurSubComponent();
-        },
         children: /* @__PURE__ */ jsx("div", { className: styles$8["data-table-body-sub-component-container"], children: /* @__PURE__ */ jsx(Flex, { className: styles$8["data-table-body-sub-component-content"], children: original.subComponent }) })
       }
     )
@@ -6917,8 +6917,16 @@ const useColumnOrder = ({ table }) => {
     });
     return left.concat(middle).concat(right);
   }, [table, getColumnIndexes]);
+  const columnIndexMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (let i = 0; i < columnOrder.length; i++) {
+      map.set(columnOrder[i], i);
+    }
+    return map;
+  }, [columnOrder]);
   return {
-    columnOrder
+    columnOrder,
+    columnIndexMap
   };
 };
 
@@ -6948,12 +6956,13 @@ function NonVirtualizedContent({
   readOnlyRowMap,
   onToggleActive
 }) {
-  const { columnOrder } = useColumnOrder({ table });
+  const { columnOrder, columnIndexMap } = useColumnOrder({ table });
   const headerCount = table.getHeaderGroups().length;
   return /* @__PURE__ */ jsx(Fragment, { children: table.getRowModel().rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
     DataTableBodyRow,
     {
       columnOrder,
+      columnIndexMap,
       row,
       rowIndex: rowIndex + headerCount,
       tableHasSubRows: hasSubRows,
@@ -6983,7 +6992,7 @@ function VirtualizedContent({
   readOnlyRowMap,
   onToggleActive
 }) {
-  const { columnOrder } = useColumnOrder({ table });
+  const { columnOrder, columnIndexMap } = useColumnOrder({ table });
   const headerCount = table.getHeaderGroups().length;
   const rows = table.getRowModel().rows;
   const virtualItems = virtualizer.getVirtualItems();
@@ -7013,6 +7022,7 @@ function VirtualizedContent({
               DataTableBodyRow,
               {
                 columnOrder,
+                columnIndexMap,
                 row,
                 rowIndex: virtualRow.index + headerCount,
                 tableHasSubRows: hasSubRows,
@@ -8359,24 +8369,21 @@ function scrollCellIntoView(element, stickyDimensions) {
 
 const initialState = {
   focusedCell: null,
-  focusRestorePoint: { rowIndex: 0, columnIndex: 0 },
-  hasFocusBeenDisrupted: false
+  focusRestorePoint: { rowIndex: 0, columnIndex: 0 }
 };
 function reducer(state, action, rowCount, columnCount) {
   switch (action.type) {
     case "FOCUS_CELL_MANUALLY": {
       return {
         ...state,
-        focusedCell: action.payload.cellPosition,
-        hasFocusBeenDisrupted: false
+        focusedCell: action.payload.cellPosition
       };
     }
     case "FOCUS_CELL": {
       return {
         ...state,
         focusedCell: action.payload.cellPosition,
-        focusRestorePoint: action.payload.cellPosition,
-        hasFocusBeenDisrupted: false
+        focusRestorePoint: action.payload.cellPosition
       };
     }
     case "FOCUS_TABLE": {
@@ -8462,19 +8469,7 @@ function reducer(state, action, rowCount, columnCount) {
       return {
         ...state,
         focusedCell: null,
-        focusRestorePoint: state.focusedCell ?? { columnIndex: 0, rowIndex: 0 },
-        hasFocusBeenDisrupted: false
-      };
-    }
-    case "FOCUS_SUB_COMPONENT": {
-      return {
-        ...state,
-        hasFocusBeenDisrupted: true
-      };
-    }
-    case "BLUR_SUB_COMPONENT": {
-      return {
-        ...state
+        focusRestorePoint: state.focusedCell ?? { columnIndex: 0, rowIndex: 0 }
       };
     }
     default: {
@@ -8523,9 +8518,6 @@ function DTFocusProvider({
         stateRef.current.focusedCell
       )) {
         shouldSkipFocusUpdate = true;
-        if (action.type === "FOCUS_TABLE" && newState.hasFocusBeenDisrupted) {
-          shouldSkipFocusUpdate = false;
-        }
       }
       stateRef.current = newState;
       syncRovingTabindex();
@@ -8985,10 +8977,10 @@ function DataTableInner(props, ref) {
       }
     },
     manualPagination: !isPaginated || isAsyncPaginated || isCursorPagination,
+    columnResizeMode: "onChange",
     // Server provides sorted data via loadPageData; disable client-side sort.
     manualSorting: isAsyncPaginated,
     autoResetPageIndex: false,
-    columnResizeMode: "onChange",
     enableRowSelection: !isSelectable ? false : (row) => {
       const original = row.original;
       if (readOnlyRowMap[String(original.id)]) return false;
@@ -9058,6 +9050,14 @@ function DataTableInner(props, ref) {
     if (typeof svg === "function") return svg;
     return colorSchemeMode === "dark" ? svg.dark ?? svg.light : svg.light ?? svg.dark;
   })();
+  const headerFingerprint = useMemo(() => {
+    let fp = "";
+    for (const header of headers) {
+      if (header.subHeaders?.length !== 0) continue;
+      fp += header.column.id + ":" + header.column.getSize() + ":" + (header.column.getIsPinned() ?? "") + ":" + (header.column.columnDef.maxSize ?? "") + "|";
+    }
+    return fp;
+  }, [headers]);
   const cssVars = useMemo(() => {
     const vars = {};
     const leafHeaders = headers.filter(
@@ -9082,7 +9082,7 @@ function DataTableInner(props, ref) {
     vars["--a2-grid-template-columns"] = gridColumns;
     vars["--a2-table-width"] = allHaveMaxWidth ? "max-content" : "100%";
     return vars;
-  }, [headers, columnSizing]);
+  }, [headerFingerprint, columnSizing]);
   const columnCount = useMemo(() => {
     return headers.filter((header) => header.subHeaders?.length === 0).length;
   }, [headers]);
@@ -9230,4 +9230,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-E8z0H8c7.js.map
+//# sourceMappingURL=DataTable-Dwhwvm6R.js.map