@servicetitan/anvil2 3.12.1 → 3.13.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @servicetitan/anvil2
 
+## 3.13.0
+
+### Minor Changes
+
+- [#2746](https://github.com/servicetitan/hammer/pull/2746) [`ec6d604`](https://github.com/servicetitan/hammer/commit/ec6d6040dc705ad316ea897e27e876bcc5b33eed) Thanks [@Diveafall](https://github.com/Diveafall)! - [Page] Add `items` to `Page.Header` `actions.primary` for a primary action that opens a menu
+
+### Patch Changes
+
+- [#2762](https://github.com/servicetitan/hammer/pull/2762) [`dc83d43`](https://github.com/servicetitan/hammer/commit/dc83d43675172d15ba83a8eefcf039a5fffbcfcf) Thanks [@tounsoo](https://github.com/tounsoo)! - [Menu, Page] Fix the Page Header more menu staying open after focus leaves the trigger
+
+## 3.12.2
+
+### Patch Changes
+
+- [#2754](https://github.com/servicetitan/hammer/pull/2754) [`55684fd`](https://github.com/servicetitan/hammer/commit/55684fdd082023d3d54fb8c2e3def8de894d3f4d) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [TimeField] Fix input shrinking when a value is entered
+
+- [#2715](https://github.com/servicetitan/hammer/pull/2715) [`10fe003`](https://github.com/servicetitan/hammer/commit/10fe003868af70208d1ae87f85cc437585660700) Thanks [@Diveafall](https://github.com/Diveafall)! - **BETA** [DataTable] Cap the loading spacer's first-load height so a large `rowsPerPage` no longer reserves a viewport-sized empty area
+
 ## 3.12.1
 
 ### Patch Changes

package/dist/{DataTable-DTAbOaPM.js → DataTable-ZczGbHZT.js}

@@ -30,7 +30,7 @@ import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.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 PARTS$1, b as Pagination, P as Pagination$1 } from './Pagination-BcW9WJ2b.js';
+import { a as PARTS$1, b as Pagination, P as Pagination$1 } from './Pagination-B4HCZNYw.js';
 import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
@@ -5247,6 +5247,10 @@ function getManagedInteractives(cellEl) {
 
 const INTERNAL_ROW_ACTION_PRIMARY_COLUMN_ID = "a2-table-internal-row-action-primary";
 const INTERNAL_ROW_ACTION_SECONDARY_COLUMN_ID = "a2-table-internal-row-action-secondary";
+const DEFAULT_ESTIMATED_ROW_HEIGHT = 35;
+const MAX_INITIAL_LOADING_HEIGHT = 400;
+const MIN_INITIAL_LOADING_HEIGHT = 80;
+const DEFAULT_INITIAL_LOADING_HEIGHT = 200;
 
 function DataTableBodyImmutableCell(props) {
   const { cell, cellPosition, children, ...rest } = props;
@@ -9470,7 +9474,6 @@ function DataTableRowClickProvider({
 }
 
 const VIRTUALIZATION_THRESHOLD = 50;
-const DEFAULT_ESTIMATED_ROW_HEIGHT = 35;
 function useDataTableVirtualizer({
   rowCount,
   scrollRef,
@@ -9665,6 +9668,13 @@ function DataTableInner(props, ref) {
       lastBodyHeightRef.current = body.offsetHeight;
     }
   }, [isLoading]);
+  const loadingSpacerHeight = lastBodyHeightRef.current ?? (rowsPerPage > 0 ? Math.min(
+    Math.max(
+      rowsPerPage * DEFAULT_ESTIMATED_ROW_HEIGHT,
+      MIN_INITIAL_LOADING_HEIGHT
+    ),
+    MAX_INITIAL_LOADING_HEIGHT
+  ) : DEFAULT_INITIAL_LOADING_HEIGHT);
   const hasRowStatus = useMemo(() => {
     return tableData?.some((row) => {
       const meta = row.meta;
@@ -10036,7 +10046,7 @@ function DataTableInner(props, ref) {
                       "div",
                       {
                         style: {
-                          height: `${lastBodyHeightRef.current ?? (rowsPerPage ? rowsPerPage * 35 : 200)}px`
+                          height: `${loadingSpacerHeight}px`
                         },
                         role: "presentation",
                         "aria-hidden": "true",
@@ -10112,4 +10122,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-DTAbOaPM.js.map
+//# sourceMappingURL=DataTable-ZczGbHZT.js.map