@servicetitan/anvil2 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @servicetitan/anvil2
 
+## 3.4.2
+
+### Patch Changes
+
+- [#2473](https://github.com/servicetitan/hammer/pull/2473) [`07b379d`](https://github.com/servicetitan/hammer/commit/07b379d01c3ccfeb2a2df159a5071f36be66b859) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [AnvilProvider] Fix `cssUtils` prop not loading styles due to incorrect import paths in published package
+
+- [#2469](https://github.com/servicetitan/hammer/pull/2469) [`7d8fda9`](https://github.com/servicetitan/hammer/commit/7d8fda900972af51ffb217a05b5deedb9c9afb8a) Thanks [@tounsoo](https://github.com/tounsoo)! - [PageHeader] Fix `icon` and `className` not forwarded to `Menu.Item` in secondary actions overflow menu
+
+## 3.4.1
+
+### Patch Changes
+
+- [#2448](https://github.com/servicetitan/hammer/pull/2448) [`e53dab6`](https://github.com/servicetitan/hammer/commit/e53dab6877ed9ed0a0a01697eeda1f01553e6bac) Thanks [@tounsoo](https://github.com/tounsoo)! - [Button] Fix focus ring appearing on mouse click by restricting it to `:focus-visible`
+
+- [#2458](https://github.com/servicetitan/hammer/pull/2458) [`d35066d`](https://github.com/servicetitan/hammer/commit/d35066d4075a66e506b0d528023d6fb8d0553bc2) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - **BETA** [FilterBar] Add `excludeDefaultOptions` prop to `dateList` filters for omitting built-in default options
+
+- [#2448](https://github.com/servicetitan/hammer/pull/2448) [`e53dab6`](https://github.com/servicetitan/hammer/commit/e53dab6877ed9ed0a0a01697eeda1f01553e6bac) Thanks [@tounsoo](https://github.com/tounsoo)! - [Popover] On a keyboard close (e.g. Escape), focus now returns to the trigger with a visible focus ring, matching `:focus-visible` semantics; pointer closes restore focus without a ring. Applies to both the stable `Popover` and the beta popover.
+
+- [#2459](https://github.com/servicetitan/hammer/pull/2459) [`c398449`](https://github.com/servicetitan/hammer/commit/c398449fc4f5b6681f9406ccbd3896b10713df21) Thanks [@hbartlett-st](https://github.com/hbartlett-st)! - **BETA** [DataTable] Fix server-paginated tables getting stuck in a perpetual loading state by memoizing the controlled `sorting` reference
+
 ## 3.4.0
 
 ### Minor Changes

package/dist/{AiMark-Cb8qjOm8.js → AiMark-BLBxE1Oj.js}

@@ -5,9 +5,9 @@ import { I as Icon } from './Icon-BEwHECSM.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { L as Link } from './Link-DI4eVVdI.js';
 import { T as Tooltip } from './Tooltip-BC8lnFhe.js';
-import { B as Button, A as AiMarkIconAnimated } from './Button-BUb1Qc37.js';
+import { B as Button, A as AiMarkIconAnimated } from './Button-CjeF1Agb.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, d as safeShowPopover, e as safeHidePopover, b as autoUpdate, o as offset, a as size, h as autoPlacement, f as flip, s as shift, g as arrow$1, l as limitShift } from './floating-ui.react-dom-CyrxPiI-.js';
-import { t as tabbable, i as isTabbable, a as usePopoverTransitionStates } from './usePopoverTransitionStates-CDXCdyKa.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';
@@ -18,7 +18,7 @@ import { u as useOptionallyControlledState } from './useOptionallyControlledStat
 
 import './AiMark.css';const SvgAiMark = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m10.5 4.5 2.387 6.614 6.613 2.385-6.613 2.387-2.388 6.614-2.386-6.613L1.5 13.499l6.613-2.386zm7.5-3 1.193 3.307L22.5 6l-3.307 1.193L18 10.5l-1.193-3.307L13.5 6l3.307-1.193z" }));
 
-const SvgAiMarkGradient = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ai-mark-gradient-large)", d: "m10.5 4.5 2.387 6.614 6.613 2.385-6.613 2.387-2.388 6.614-2.386-6.613L1.5 13.499l6.613-2.386z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#ai-mark-gradient-small)", d: "m18 1.5 1.193 3.307L22.5 6l-3.307 1.193L18 10.5l-1.193-3.307L13.5 6l3.307-1.193z" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ai-mark-gradient-large", x1: 19.5, x2: 3.604, y1: 14.583, y2: 20.367, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ai-mark-gradient-small", x1: 22.5, x2: 14.552, y1: 6.542, y2: 9.433, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" }))));
+const SvgAiMarkGradient = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { fill: "url(#a)", d: "m10.5 4.5 2.387 6.614 6.613 2.385-6.613 2.387-2.388 6.614-2.386-6.613L1.5 13.499l6.613-2.386z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#b)", d: "m18 1.5 1.193 3.307L22.5 6l-3.307 1.193L18 10.5l-1.193-3.307L13.5 6l3.307-1.193z" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "a", x1: 19.5, x2: 3.604, y1: 14.583, y2: 20.367, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "b", x1: 22.5, x2: 14.552, y1: 6.542, y2: 9.433, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "light-dark(#026EE4, #77C5EA)" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "light-dark(#27AEEE, #D0D8E1)" }))));
 
 const fieldLabelButtonStyles = {
 	"field-label-button": "_field-label-button_1jrqp_1",
@@ -2506,6 +2506,7 @@ const PopoverContent = forwardRef(
       openState,
       actualPlacement,
       arrowRef,
+      closedViaKeyboardRef,
       modal,
       openOnHover,
       noPadding,
@@ -2525,7 +2526,9 @@ const PopoverContent = forwardRef(
         const floating = floatingContext.elements.floating;
         const shouldReturnFocus = role === "dialog" ? !activeEl || activeEl === document.body || floating?.contains(activeEl) : floating?.contains(activeEl);
         if (shouldReturnFocus) {
-          floatingContext.elements.reference?.focus();
+          floatingContext.elements.reference?.focus({
+            focusVisible: closedViaKeyboardRef.current ?? false
+          });
         }
       }
     }, [
@@ -2533,7 +2536,8 @@ const PopoverContent = forwardRef(
       openOnHover,
       floatingContext.elements.reference,
       floatingContext.elements.floating,
-      role
+      role,
+      closedViaKeyboardRef
     ]);
     useLayoutEffect(() => {
       if (openState && scrollContainerRef.current) {
@@ -2664,6 +2668,7 @@ const Popover = Object.assign(
     });
     const openStateRef = useRef(openState);
     openStateRef.current = openState;
+    const closedViaKeyboardRef = useRef(false);
     useEffect(() => {
       if (!disableCloseOnClickOutside) return;
       if (roleProp !== "dialog") return;
@@ -2683,19 +2688,22 @@ const Popover = Object.assign(
       };
     }, [disableCloseOnClickOutside, roleProp]);
     const handleOpenChange = useCallback(
-      (nextOpen) => {
+      (nextOpen, event) => {
         if (!nextOpen && disableCloseOnClickOutside && isPointerEventRef.current)
           return;
+        closedViaKeyboardRef.current = !nextOpen && event instanceof KeyboardEvent;
         if (!nextOpen && !openOnHover) onClose?.();
         setOpenState(nextOpen);
       },
       [openOnHover, onClose, setOpenState, disableCloseOnClickOutside]
     );
     const openPopover = useCallback(() => {
+      closedViaKeyboardRef.current = false;
       setOpenState(true);
     }, [setOpenState]);
     const closePopover = useCallback(() => {
       if (!openStateRef.current) return;
+      closedViaKeyboardRef.current = false;
       if (!openOnHover) onClose?.();
       setOpenState(false);
     }, [openOnHover, onClose, setOpenState]);
@@ -2817,6 +2825,7 @@ const Popover = Object.assign(
         controlled: isControlled,
         actualPlacement,
         arrowRef,
+        closedViaKeyboardRef,
         modal,
         openOnHover,
         noPadding,
@@ -2839,6 +2848,7 @@ const Popover = Object.assign(
         isControlled,
         actualPlacement,
         arrowRef,
+        closedViaKeyboardRef,
         modal,
         openOnHover,
         noPadding,
@@ -3135,4 +3145,4 @@ const AiMark = (props) => {
 };
 
 export { AiMark as A, FieldLabelButton as F, Popover as P, usePopoverContext as a, useMergeRefs as u };
-//# sourceMappingURL=AiMark-Cb8qjOm8.js.map
+//# sourceMappingURL=AiMark-BLBxE1Oj.js.map