@servicetitan/anvil2 1.46.4 → 1.46.6

package/dist/index.js

@@ -14,13 +14,13 @@ export { C as Card } from './Card-vTYeSkxt.js';
 export { C as Checkbox } from './Checkbox-DAODkzN3.js';
 export { C as CheckboxGroup } from './Checkbox-C5PX8wur.js';
 export { C as Chip } from './Chip-DLU13qe-.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-DO8cIvRQ.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-BIBYdOCc.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateField } from './DateField-DLqKbCcm.js';
-export { D as DateFieldRange } from './DateFieldRange-DI-iF-sd.js';
-export { D as DateFieldSingle } from './DateFieldSingle-BXakaSIE.js';
+export { D as DateField } from './DateField-BLLbVZBF.js';
+export { D as DateFieldRange } from './DateFieldRange-BYwuTSkT.js';
+export { D as DateFieldSingle } from './DateFieldSingle-B70fKeo-.js';
 export { D as DateFieldYearless } from './DateFieldYearless-BmeKGaDc.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-DPH13VCK.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-CvWu1j6-.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CF8DImjw.js';
 export { D as Dialog, a as DialogCancelButton, b as DialogContent, c as DialogFooter, d as DialogHeader } from './Dialog-xsgqM6e1.js';
 export { D as Divider } from './Divider-DJe8kLf2.js';
@@ -42,10 +42,10 @@ export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './L
 export { M as Menu, a as MenuItem } from './Menu-DUZqzpwg.js';
 export { N as NumberField } from './NumberField-DWPAy1eG.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-CRuqAlNu.js';
+export { P as Page } from './Page-DEpBEr_s.js';
 export { P as Pagination } from './Pagination-B_G9QcHf.js';
-import { P as Popover } from './Popover-v8R920kj.js';
-export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-v8R920kj.js';
+import { P as Popover } from './Popover-Du2PBdp1.js';
+export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-Du2PBdp1.js';
 export { P as ProgressBar } from './ProgressBar-BWN2yv1s.js';
 export { R as Radio } from './Radio-C5riI-do.js';
 export { R as RadioGroup } from './RadioGroup-B7O06pVu.js';
@@ -63,7 +63,7 @@ export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-CzN
 export { T as Text } from './Text-BqvcbXyp.js';
 export { T as Textarea } from './Textarea-B2-6m291.js';
 export { T as TextField } from './TextField-uCHgwO5F.js';
-export { T as TimeField } from './TimeField-B5Jgy-Zg.js';
+export { T as TimeField } from './TimeField-CGg_yTaJ.js';
 export { T as Toaster } from './Toaster-CHyB-Mxs.js';
 export { t as toast } from './Toaster-CyiGDKMh.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -737,7 +737,7 @@ const ToolbarItemWrapper = ({
 };
 
 const ToolbarButton = forwardRef(
-  (props, _ref) => {
+  (props, ref) => {
     const { appearance = "ghost", className, children, ...rest } = props;
     const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
     const trackingId = useTrackingId({
@@ -753,6 +753,7 @@ const ToolbarButton = forwardRef(
     const item = children ? /* @__PURE__ */ jsx(
       Button,
       {
+        ref,
         "data-tracking-id": trackingId,
         appearance,
         size: "small",
@@ -765,6 +766,7 @@ const ToolbarButton = forwardRef(
       /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
         Button,
         {
+          ref,
           "data-tracking-id": trackingId,
           appearance,
           size: "small",
@@ -890,6 +892,8 @@ const ToolbarSelect = forwardRef(
       ...rest
     } = props;
     const selectId = useId();
+    const popoverContentRef = useRef(null);
+    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
     const defaultId = items.length > 0 ? items[0].id : "";
     const [internalSelectedId, setInternalSelectedId] = useState(defaultId);
     const selectedId = selectedItemId ?? internalSelectedId;
@@ -899,12 +903,37 @@ const ToolbarSelect = forwardRef(
         setInternalSelectedId(items[0].id);
       }
     }, [items, selectedItemId, internalSelectedId]);
+    const prevIsPopoverOpen = useRef(isPopoverOpen);
+    useEffect(() => {
+      if (prevIsPopoverOpen.current && !isPopoverOpen) {
+        setTimeout(() => {
+          const triggerButton = document.getElementById(selectId);
+          if (triggerButton) {
+            triggerButton.focus();
+          }
+        });
+      }
+      prevIsPopoverOpen.current = isPopoverOpen;
+    }, [isPopoverOpen, selectId]);
     const handleSelectionChange = (selected) => {
       if (selected?.id) {
         if (selectedItemId === void 0) {
           setInternalSelectedId(selected.id);
         }
         onChange?.(selected.id);
+        setIsPopoverOpen(false);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.code === "ArrowDown" && isPopoverOpen) {
+        const listboxContainer = popoverContentRef.current?.querySelector(
+          '[role="listbox"]'
+        );
+        if (listboxContainer) {
+          listboxContainer.focus();
+        }
+        event.stopPropagation();
+        event.preventDefault();
       }
     };
     const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
@@ -919,39 +948,58 @@ const ToolbarSelect = forwardRef(
       hasOverride: !!props["data-tracking-id"]
     });
     const buttonClassNames = cx(className, styles["toolbar-button-item"]);
-    const item = /* @__PURE__ */ jsxs(Popover, { noPadding: true, children: [
-      /* @__PURE__ */ jsx(
-        Popover.Button,
-        {
-          "data-tracking-id": trackingId,
-          appearance,
-          size: "small",
-          icon: { after: SvgArrowDropDown },
-          className: buttonClassNames,
-          id: selectId,
-          "data-anv": "toolbar-select",
-          ...rest,
-          children: selectedItem?.label
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Popover.Content,
-        {
-          className: styles["toolbar-select-content"],
-          "aria-label": `${accessibleLabel} options`,
-          children: /* @__PURE__ */ jsx(
-            Listbox,
+    const item = /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        noPadding: true,
+        open: isPopoverOpen,
+        onClickOutside: () => {
+          setIsPopoverOpen(false);
+        },
+        onClose: () => {
+          setIsPopoverOpen(false);
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Popover.Button,
             {
-              selected: selectedItem,
-              onSelectionChange: handleSelectionChange,
-              items,
-              "aria-labelledby": selectId,
-              children: ({ items: items2 }) => items2.map((item2) => /* @__PURE__ */ jsx(Listbox.Option, { item: item2, children: item2.label }, item2.label))
+              "data-tracking-id": trackingId,
+              appearance,
+              size: "small",
+              icon: { after: SvgArrowDropDown },
+              className: buttonClassNames,
+              id: selectId,
+              "data-anv": "toolbar-select",
+              onClick: () => {
+                setIsPopoverOpen(!isPopoverOpen);
+              },
+              onKeyDown: handleKeyDown,
+              ...rest,
+              children: selectedItem?.label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popover.Content,
+            {
+              ref: popoverContentRef,
+              className: styles["toolbar-select-content"],
+              "aria-label": `${accessibleLabel} options`,
+              children: /* @__PURE__ */ jsx(
+                Listbox,
+                {
+                  selected: selectedItem,
+                  onSelectionChange: handleSelectionChange,
+                  items,
+                  "aria-labelledby": selectId,
+                  disableAutoSelectOnFocus: true,
+                  children: ({ items: items2 }) => items2.map((item2) => /* @__PURE__ */ jsx(Listbox.Option, { item: item2, children: item2.label }, item2.label))
+                }
+              )
             }
           )
-        }
-      )
-    ] });
+        ]
+      }
+    );
     if (isInOverflowMenu) {
       return item;
     }