@servicetitan/anvil2 3.16.1 → 3.18.0

package/CHANGELOG.md

@@ -1,5 +1,93 @@
 # @servicetitan/anvil2
 
+## 3.18.0
+
+### Minor Changes
+
+- [#3133](https://github.com/servicetitan/hammer/pull/3133) [`27c3b89`](https://github.com/servicetitan/hammer/commit/27c3b89c5ca8d2a99ebe8122fbf4512a831ae8df) Thanks [@subham-ttan](https://github.com/subham-ttan)! - [Page.Sidebar] Add an `onOpenChange` callback, called when the desktop sidebar is collapsed or expanded (`open` is `true` when expanded). Not called on mount; the small-page popover layout does not report changes. Mirrored on the beta `Page.Sidebar`.
+
+### Patch Changes
+
+- [#3200](https://github.com/servicetitan/hammer/pull/3200) [`47b24e9`](https://github.com/servicetitan/hammer/commit/47b24e9aa954c7b7c1906d174447006b4ada8ebf) Thanks [@subham-ttan](https://github.com/subham-ttan)! - [SelectField] Fix the input height drifting from `TextField` at fractional browser zoom
+
+- [#3148](https://github.com/servicetitan/hammer/pull/3148) [`3272f92`](https://github.com/servicetitan/hammer/commit/3272f928e5a87ed22cf4ee0a047ee17b114aad55) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [Page] Stack the header title above its actions below 768px, and stack those actions below 640px
+
+- [#3148](https://github.com/servicetitan/hammer/pull/3148) [`3272f92`](https://github.com/servicetitan/hammer/commit/3272f928e5a87ed22cf4ee0a047ee17b114aad55) Thanks [@ericag1985](https://github.com/ericag1985)! - [Page] Stack the header title above its actions below 768px, and stack those actions below 640px
+
+- [#3149](https://github.com/servicetitan/hammer/pull/3149) [`0171894`](https://github.com/servicetitan/hammer/commit/0171894c6082eda62ac8f702ada82155608248d8) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [DataTable] Fix editable text and number cells ignoring mouse caret placement and text selection
+
+- [#3080](https://github.com/servicetitan/hammer/pull/3080) [`02a4cbd`](https://github.com/servicetitan/hammer/commit/02a4cbdc9e11c9f423d5dbe58762b094ac2834c0) Thanks [@Diveafall](https://github.com/Diveafall)! - [MultiSelectField, MultiSelectMenu, SelectField, SelectMenu] Lazy option loading no longer repeats or mixes pages when loads overlap
+
+- [#3193](https://github.com/servicetitan/hammer/pull/3193) [`6b01a88`](https://github.com/servicetitan/hammer/commit/6b01a882398633b2a02d32dd3b7432279dd631d2) Thanks [@ericag1985](https://github.com/ericag1985)! - [Page.Panel] Fix an open panel briefly showing the desktop layout on mobile-width pages, or a Dialog on desktop-width pages, on first render
+
+  [Page.Panel] Show the desktop panel instead of a Dialog when an open `Page.Panel` renders outside a `Page`
+
+  **BETA** [Page.Panel] Fix an open panel briefly showing the wrong layout on first render, and show the desktop panel when rendered outside a `Page`
+
+- [#3077](https://github.com/servicetitan/hammer/pull/3077) [`da242fa`](https://github.com/servicetitan/hammer/commit/da242fa1a5eafaef0c36541376ef904c881b587c) Thanks [@risetron](https://github.com/risetron)! - **BETA** [DataTable] Forward `itemsPerPageLabel` and `itemRangeFormatter` from `pagination` config to the offset pager; forward `itemsPerPageLabel` in cursor mode
+
+- [#3083](https://github.com/servicetitan/hammer/pull/3083) [`b5ba222`](https://github.com/servicetitan/hammer/commit/b5ba222dbc74a5d8626418946bbe3ebba3c81e7a) Thanks [@Diveafall](https://github.com/Diveafall)! - [Chip] Create the avatar-alignment `ResizeObserver` only for chips with an `avatar` and `textWrap`, instead of one per chip. A wrapping avatar chip now also re-measures its alignment threshold when `size` changes
+
+- [#3091](https://github.com/servicetitan/hammer/pull/3091) [`1535ded`](https://github.com/servicetitan/hammer/commit/1535ded801bf90696943d83887e6a545030f078d) Thanks [@subham-ttan](https://github.com/subham-ttan)! - [TimeField] Reopen the suggestion dropdown after a time is selected or typed. Focusing or clicking the field again shows the full, unfiltered list of options instead of staying closed.
+
+- [#3162](https://github.com/servicetitan/hammer/pull/3162) [`d63d16b`](https://github.com/servicetitan/hammer/commit/d63d16b1bc97d0d96ceea531f77aa21a602ecff8) Thanks [@tounsoo](https://github.com/tounsoo)! - [Dialog, Drawer] Fix Tab focus escaping an open dialog or drawer
+
+- [#3186](https://github.com/servicetitan/hammer/pull/3186) [`a24dd42`](https://github.com/servicetitan/hammer/commit/a24dd42759ace646031b752c0c1fe00bdb0ee98e) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - **BETA** [Details] Add `Details` to `@servicetitan/anvil2/beta`, whose `Details.Summary` takes a `label` string, `labelProps.size`, and typed `attributes` cells (text, chip, button, menu) on a shared grid in place of `children`
+
+- [#3179](https://github.com/servicetitan/hammer/pull/3179) [`62f990c`](https://github.com/servicetitan/hammer/commit/62f990c219cf2abe1ed98167ff46adee2d87d72e) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [DataTable, FilterSearchField, TreeSelectField] Fix Chrome autofill overriding the field background and corner radius
+
+- [#3179](https://github.com/servicetitan/hammer/pull/3179) [`62f990c`](https://github.com/servicetitan/hammer/commit/62f990c219cf2abe1ed98167ff46adee2d87d72e) Thanks [@ericag1985](https://github.com/ericag1985)! - [DateFieldRange, DateFieldSingle, DateFieldYearless, DateFieldYearlessRange, MultiSelectField, NumberField, SearchField, SelectField, Textarea, TextField, TimeField] Fix Chrome autofill overriding the field background and corner radius
+
+- [#3120](https://github.com/servicetitan/hammer/pull/3120) [`16ef771`](https://github.com/servicetitan/hammer/commit/16ef771daa65ba4b15025c68b04a30fefd66fca5) Thanks [@subham-ttan](https://github.com/subham-ttan)! - **BETA** [DataTable] Fix pinned-column edge shadow being nearly invisible in light mode; its color and opacity now come from the new `data-table.pinned-column.shadow.color` and `data-table.pinned-column.shadow.opacity` tokens
+
+- [#3193](https://github.com/servicetitan/hammer/pull/3193) [`6b01a88`](https://github.com/servicetitan/hammer/commit/6b01a882398633b2a02d32dd3b7432279dd631d2) Thanks [@ericag1985](https://github.com/ericag1985)! - [Dialog, Drawer] Add a development warning when unmounted while `open` is still true
+
+- [#3159](https://github.com/servicetitan/hammer/pull/3159) [`214b40d`](https://github.com/servicetitan/hammer/commit/214b40d6e216d8eadd8036f67540ae75d68a7591) Thanks [@Diveafall](https://github.com/Diveafall)! - **BETA** [DataTable] Improve mount performance for tables with interactive or self-measuring cell content, such as truncated chips, and fix controls that cell content adds after mounting becoming extra Tab stops in the grid
+
+- [#3152](https://github.com/servicetitan/hammer/pull/3152) [`a93946e`](https://github.com/servicetitan/hammer/commit/a93946edf494f1889cc69b03e01bd1f3a66ac37c) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [TimeField] Fix the suggestion dropdown shrinking to one row near the bottom of a scroll container
+
+- [#3212](https://github.com/servicetitan/hammer/pull/3212) [`07ad431`](https://github.com/servicetitan/hammer/commit/07ad431cc7a3eb92838fe59eb177dab98072d3ed) Thanks [@ericag1985](https://github.com/ericag1985)! - [Toast] Fix `onDismiss` running before the toast is dismissed
+
+- Updated dependencies [[`16ef771`](https://github.com/servicetitan/hammer/commit/16ef771daa65ba4b15025c68b04a30fefd66fca5)]:
+  - @servicetitan/hammer-token@3.7.0
+
+## 3.17.0
+
+### Minor Changes
+
+- [#2817](https://github.com/servicetitan/hammer/pull/2817) [`d6533f5`](https://github.com/servicetitan/hammer/commit/d6533f5c856509ad9c7265e25121aa28c208f4b0) Thanks [@cursor](https://github.com/apps/cursor)! - [prefersReducedMotion, useReducedMotion] Add `prefersReducedMotion` util and re-export Motion `useReducedMotion`
+
+- [#3076](https://github.com/servicetitan/hammer/pull/3076) [`37a1f04`](https://github.com/servicetitan/hammer/commit/37a1f04cf8c9cd4a90a00f62b0cb929e91277cac) Thanks [@lgutin](https://github.com/lgutin)! - [DrillDown] Add `actions` prop to `DrillDown.Header` for an overflow menu matching `Drawer.Header`, and export the `DrillDownHeaderAction` type. Header actions render in `Drawer` and `Page.Panel` hosts only; inside a `Dialog` they are ignored with a development warning, since `Dialog.Header` has no overflow menu.
+
+### Patch Changes
+
+- [#3104](https://github.com/servicetitan/hammer/pull/3104) [`67eb494`](https://github.com/servicetitan/hammer/commit/67eb494c63def602c35bf604a6d939cf201dbbe2) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [Tab] Fix `TabList` throwing "Maximum update depth exceeded" when tabs that fill the list are near the overflow width and a render changes the list's width.
+
+- [#3076](https://github.com/servicetitan/hammer/pull/3076) [`37a1f04`](https://github.com/servicetitan/hammer/commit/37a1f04cf8c9cd4a90a00f62b0cb929e91277cac) Thanks [@lgutin](https://github.com/lgutin)! - [DrillDown] Fix `DrillDown.Header` Close persisting after `onClose` is removed or the `DrillDown` unmounts
+
+- [#3100](https://github.com/servicetitan/hammer/pull/3100) [`814f8ef`](https://github.com/servicetitan/hammer/commit/814f8ef848161efcefc70cecb395a39f39d83ff4) Thanks [@SimonyanGrno](https://github.com/SimonyanGrno)! - **BETA** [DataTable] Add `bulkActions` prop for a bulk action bar that replaces the filter bar and toolbar while rows are selected, and `clearSelection` on `DataTableRef`
+
+- [#2934](https://github.com/servicetitan/hammer/pull/2934) [`4e7f12a`](https://github.com/servicetitan/hammer/commit/4e7f12a0852ba4dd1e685b509a31ce0ad5b8ea3f) Thanks [@cursor](https://github.com/apps/cursor)! - [Exports] Stop shipping Storybook-only CSS bundles in the published package
+
+- [#3123](https://github.com/servicetitan/hammer/pull/3123) [`70228d8`](https://github.com/servicetitan/hammer/commit/70228d8eb800742bd720b0ab73d7e55b07c4c645) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - **BETA** [DataTable] Add a controlled Edit Columns drawer for order, visibility, and left pinning.
+
+- [#3109](https://github.com/servicetitan/hammer/pull/3109) [`aa7ac68`](https://github.com/servicetitan/hammer/commit/aa7ac68aff3b0080e90276e1600f177e05126757) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - [DataTable (beta)] Add a filter bar and toolbar actions above the table
+
+  - `filters` (`DataTableFilters`) renders a `FilterBar`. `items` takes the filter definitions; filters marked `drawerOnly` appear only in the filter drawer
+  - `filters.onChange` receives the updated filters and returns a paginated table to its first page. DataTable does not filter rows itself, so apply the filters to `data` or to your `loadPageData` request
+  - `filters.controlled` defers inline filters that support an Apply step; filters without one still commit immediately, and the drawer always batches changes
+  - `tools` (`DataTableTools`) takes `actions`, a list of toolbar button props (`DataTableToolbarAction`) rendered to the right of the filter bar
+  - `filters.size` and `tools.size` set the size of the filter bar and toolbar controls. Both default to `medium`
+
+- [#3131](https://github.com/servicetitan/hammer/pull/3131) [`31ce9ee`](https://github.com/servicetitan/hammer/commit/31ce9ee3f12c8060d90c8d48623f2291468a0411) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - **BETA** [DataTable] Add a `rowAdd` prop that renders an Add row button in a toolbar below the table and calls `onAddRow`. Set `emptyState.includeAddRow` to repeat the button in the empty state.
+
+- [#3103](https://github.com/servicetitan/hammer/pull/3103) [`2839b4e`](https://github.com/servicetitan/hammer/commit/2839b4efadb054d1412f5f6b5742f02cc7cd6a87) Thanks [@subham-ttan](https://github.com/subham-ttan)! - [ListView] Fix crash when an option is dynamically disabled, and keep keyboard focus on a valid row
+
+- [#2963](https://github.com/servicetitan/hammer/pull/2963) [`f05ead9`](https://github.com/servicetitan/hammer/commit/f05ead9b8fc6978d107914e2416289006773cf8f) Thanks [@helenvholmes](https://github.com/helenvholmes)! - [Icons] Add `gnav_messages_active` and `gnav_messages_inactive` ST icons
+
+- Updated dependencies [[`11017d0`](https://github.com/servicetitan/hammer/commit/11017d0fe0bd87262d9fe1227d336228bb27350d)]:
+  - @servicetitan/hammer-token@3.6.1
+
 ## 3.16.1
 
 ### Patch Changes

package/dist/{AiMark-BfmK30vL.js → AiMark-Ca7WmL-9.js}

@@ -4,15 +4,15 @@ import { forwardRef, useLayoutEffect, useEffect, useRef, createContext, useConte
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { L as Link } from './Link-D7ycmfQ_.js';
-import { T as Tooltip } from './Tooltip-C_VcYS9P.js';
-import { B as Button, A as AiMarkIconAnimated } from './Button-Dn6-01xl.js';
-import { i as isShadowRoot, j as isHTMLElement, u as useFloating$1, k as isElement, m as getWindow, n as getOverflowAncestors, p as isWebKit, q as isLastTraversableNode, r as getParentNode, t as getComputedStyle, v as getNodeName, s as safeShowPopover, b as safeHidePopover, a as autoUpdate, o as offset, g as size, h as autoPlacement, f as flip, d as shift, e as arrow$1, l as limitShift } from './floating-ui.react-dom-BIKT960u.js';
-import { t as tabbable, i as isTabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-CDXCdyKa.js';
+import { T as Tooltip } from './Tooltip-CsTkZqMg.js';
+import { B as Button, A as AiMarkIconAnimated } from './Button-B_E6ybA-.js';
+import { i as isShadowRoot, j as isHTMLElement, u as useFloating$1, k as isElement, m as getWindow, n as getOverflowAncestors, p as isWebKit, q as isLastTraversableNode, r as getParentNode, t as getComputedStyle, v as getNodeName, f as flip, g as size, s as safeShowPopover, b as safeHidePopover, o as offset, h as autoPlacement, d as shift, e as arrow$1, a as autoUpdate, l as limitShift } from './floating-ui.react-dom-BIKT960u.js';
+import { t as tabbable, i as isTabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-B1opfxxn.js';
 import 'react-dom';
 import { useTrackingId } from './useTrackingId.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { u as useMergeRefs$1 } from './useMergeRefs-Dfmtq9cI.js';
-import { u as usePortalScopeStyle, p as portalScopeClassNames } from './portalScopeClassNames-DA28LrXe.js';
+import { u as usePortalScopeStyle, p as portalScopeClassNames } from './portalScopeClassNames-CMdDYHE0.js';
 import { D as DialogContext } from './DialogContext-DBgtApl9.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 
@@ -2629,6 +2629,71 @@ function PopoverTrigger(props) {
 }
 PopoverTrigger.displayName = "PopoverTrigger";
 
+const HEIGHT_CAP_TOLERANCE_PX = 1;
+function sizeAfterPlacementMiddleware(options) {
+  const { maxHeight, matchReferenceWidth, fixedWidth, fallbackPlacements } = options;
+  const widthStyle = (referenceWidth) => matchReferenceWidth ? { width: `${referenceWidth}px` } : fixedWidth ? { width: "40dvw" } : {};
+  return [
+    {
+      name: "capHeight",
+      fn({ rects, middlewareData }) {
+        if (typeof maxHeight !== "number") return {};
+        if (middlewareData.capHeight?.done === true) return {};
+        if (rects.floating.height <= maxHeight + HEIGHT_CAP_TOLERANCE_PX) {
+          return {};
+        }
+        return {
+          data: { done: true },
+          reset: {
+            rects: {
+              reference: rects.reference,
+              floating: { ...rects.floating, height: maxHeight }
+            }
+          }
+        };
+      }
+    },
+    flip({
+      crossAxis: false,
+      fallbackAxisSideDirection: "none",
+      fallbackPlacements,
+      padding: 5
+    }),
+    size({
+      padding: 5,
+      apply({ rects, availableHeight, elements }) {
+        const limit = typeof maxHeight === "number" && rects.floating.height < 1 ? `${maxHeight}px` : resolveVerticalMaxHeight(maxHeight, availableHeight);
+        Object.assign(elements.floating.style, {
+          ...widthStyle(rects.reference.width),
+          maxHeight: limit
+        });
+      }
+    })
+  ];
+}
+function resolveVerticalMaxHeight(maxHeight, availableHeight) {
+  const available = Math.max(0, availableHeight);
+  if (typeof maxHeight === "number") {
+    return `${Math.min(maxHeight, available)}px`;
+  }
+  if (typeof maxHeight === "string") {
+    return `min(${maxHeight}, ${available}px)`;
+  }
+  return `${available}px`;
+}
+
+function scheduleUpdateOutsideResizeObserver(update) {
+  let frame = 0;
+  return {
+    run() {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(update);
+    },
+    cancel() {
+      cancelAnimationFrame(frame);
+    }
+  };
+}
 const Popover = Object.assign(
   forwardRef(function PopoverInner(props, ref) {
     const {
@@ -2648,6 +2713,7 @@ const Popover = Object.assign(
       fillAvailableHeight,
       maxHeight,
       fitScreen,
+      sizeAfterPlacement = false,
       minHeight = "2.875rem",
       disableCloseOnClickOutside,
       disableCloseOnEscape,
@@ -2732,33 +2798,40 @@ const Popover = Object.assign(
       strategy: "absolute",
       middleware: [
         offset(8),
-        size({
-          padding: 5,
-          apply({ rects, availableHeight, elements }) {
-            Object.assign(elements.floating.style, {
-              ...matchReferenceWidth ? { width: `${rects.reference.width}px` } : fixedWidth ? { width: "40dvw" } : {},
-              ...fillAvailableHeight ? {
-                height: `${availableHeight - 20}px`,
-                minHeight: processMinHeight
-              } : {},
-              ...maxHeight ? {
-                minHeight: processMinHeight,
-                height: fitScreen ? typeof maxHeight === "string" ? maxHeight : `${maxHeight}px` : void 0,
-                maxHeight: fitScreen ? `${availableHeight - 20}px` : typeof maxHeight === "string" ? maxHeight : `${maxHeight}px`
-              } : {},
-              ...fitScreen && !maxHeight ? {
-                minHeight: processMinHeight,
-                maxHeight: `${availableHeight - 20}px`
-              } : {}
-            });
-          }
-        }),
-        isAuto ? autoPlacement({ allowedPlacements, padding: 5 }) : flip({
-          crossAxis: false,
-          fallbackAxisSideDirection: "none",
+        ...sizeAfterPlacement ? sizeAfterPlacementMiddleware({
           fallbackPlacements,
-          padding: 5
-        }),
+          maxHeight,
+          matchReferenceWidth,
+          fixedWidth
+        }) : [
+          size({
+            padding: 5,
+            apply({ rects, availableHeight, elements }) {
+              Object.assign(elements.floating.style, {
+                ...matchReferenceWidth ? { width: `${rects.reference.width}px` } : fixedWidth ? { width: "40dvw" } : {},
+                ...fillAvailableHeight ? {
+                  height: `${availableHeight - 20}px`,
+                  minHeight: processMinHeight
+                } : {},
+                ...maxHeight ? {
+                  minHeight: processMinHeight,
+                  height: fitScreen ? typeof maxHeight === "string" ? maxHeight : `${maxHeight}px` : void 0,
+                  maxHeight: fitScreen ? `${availableHeight - 20}px` : typeof maxHeight === "string" ? maxHeight : `${maxHeight}px`
+                } : {},
+                ...fitScreen && !maxHeight ? {
+                  minHeight: processMinHeight,
+                  maxHeight: `${availableHeight - 20}px`
+                } : {}
+              });
+            }
+          }),
+          isAuto ? autoPlacement({ allowedPlacements, padding: 5 }) : flip({
+            crossAxis: false,
+            fallbackAxisSideDirection: "none",
+            fallbackPlacements,
+            padding: 5
+          })
+        ],
         shift({
           padding: 5,
           crossAxis: false,
@@ -2766,7 +2839,15 @@ const Popover = Object.assign(
         }),
         arrow$1({ element: arrowRef, padding: 5 })
       ],
-      whileElementsMounted: autoUpdate
+      whileElementsMounted: (reference, floating, update) => {
+        if (!sizeAfterPlacement) return autoUpdate(reference, floating, update);
+        const scheduled = scheduleUpdateOutsideResizeObserver(update);
+        const stop = autoUpdate(reference, floating, scheduled.run);
+        return () => {
+          scheduled.cancel();
+          stop();
+        };
+      }
     });
     const role = useRole(floatingContext, { role: roleProp });
     const hover = useHover(floatingContext, {
@@ -3106,4 +3187,4 @@ const AiMark = (props) => {
 };
 
 export { AiMark as A, FieldLabelButton as F, Popover as P, usePopoverContext as a, useMergeRefs as u };
-//# sourceMappingURL=AiMark-BfmK30vL.js.map
+//# sourceMappingURL=AiMark-Ca7WmL-9.js.map