@servicetitan/anvil2 3.17.0 → 3.18.0

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @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

package/dist/{AiMark-CYXbKuCA.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 { 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, 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 { 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-CYXbKuCA.js.map
+//# sourceMappingURL=AiMark-Ca7WmL-9.js.map