@servicetitan/anvil2 1.46.3 → 1.46.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @servicetitan/anvil2
 
+## 1.46.4
+
+### Patch Changes
+
+- [#1561](https://github.com/servicetitan/hammer/pull/1561) [`17194e1`](https://github.com/servicetitan/hammer/commit/17194e14b7635e61ddc497a5a05d1857b3843e16) Thanks [@rgdelato](https://github.com/rgdelato)! - [DnDSort] Fix `DnDSort` overlay position inside of `Dialog`/`Drawer`
+
+- [#1564](https://github.com/servicetitan/hammer/pull/1564) [`9292fe3`](https://github.com/servicetitan/hammer/commit/9292fe31762595bb16651b522e3bba04d4367b09) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Drawer, Dialog] Fix initial focus logic running after later DOM changes
+
+- [#1564](https://github.com/servicetitan/hammer/pull/1564) [`9292fe3`](https://github.com/servicetitan/hammer/commit/9292fe31762595bb16651b522e3bba04d4367b09) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Dialog] Fix incorrect initial focus target
+
 ## 1.46.3
 
 ### Patch Changes

package/dist/{Calendar-Cn0fOgog.js → Calendar-BqOvsaby.js}

@@ -9103,153 +9103,6 @@ const CalendarMonth = forwardRef(
 );
 CalendarMonth.displayName = "CalendarMonth";
 
-const CalendarMonthSelection = forwardRef(({ onMonthSelection, ...props }, ref) => {
-  const { defaultTimeZone, maxDate, minDate, selectedMonth, selectedYear } = useCalendar();
-  const monthSelectionRef = useRef(null);
-  const combinedRef = useMergeRefs([ref, monthSelectionRef]);
-  const currentDate = useMemo(
-    () => DateTime.fromObject({ year: selectedYear, month: selectedMonth }).setZone(defaultTimeZone).startOf("day"),
-    [defaultTimeZone, selectedYear, selectedMonth]
-  );
-  const dates = useMemo(
-    () => Array.from({ length: 12 }, (_, i) => {
-      const date = DateTime.fromObject({
-        year: selectedYear,
-        month: 1
-      }).plus({
-        month: i
-      });
-      const disabled = minDate && date < minDate && !date.hasSame(minDate, "month") || maxDate && date > maxDate && !date.hasSame(maxDate, "month");
-      return {
-        month: date.month,
-        disabled: disabled ?? false
-      };
-    }),
-    [maxDate, minDate, selectedYear]
-  );
-  const classes = cx(styles$1["month-selection"], props.className);
-  const [focusedIndex, setFocusedIndex] = useState(selectedMonth - 1);
-  useEffect(() => {
-    if (minDate || maxDate) {
-      let index = dates.findIndex(({ month }) => month === selectedMonth);
-      while (dates[index].disabled && index < 11) {
-        index++;
-      }
-      setFocusedIndex(index);
-    } else {
-      setFocusedIndex(selectedMonth - 1);
-    }
-  }, [selectedMonth, minDate, maxDate, dates]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      const target = e.target;
-      const cards = monthSelectionRef.current?.querySelectorAll(
-        "input[type='checkbox']"
-      );
-      if (!cards || cards.length === 0) {
-        return;
-      }
-      const cardArray = Array.from(cards);
-      const currentIndex = cardArray.indexOf(target);
-      if (currentIndex === -1) return;
-      const updateFocusedIndex = (index) => {
-        e.preventDefault();
-        cardArray[index].focus();
-        setFocusedIndex(index);
-      };
-      let newIndex;
-      switch (e.key) {
-        case "ArrowLeft":
-          newIndex = currentIndex > 0 ? currentIndex - 1 : 11;
-          while (dates[newIndex].disabled) {
-            newIndex = newIndex > 0 ? newIndex - 1 : 11;
-          }
-          updateFocusedIndex(newIndex);
-          break;
-        case "ArrowRight":
-          newIndex = currentIndex < 11 ? currentIndex + 1 : 0;
-          while (dates[newIndex].disabled) {
-            newIndex = newIndex < 11 ? newIndex + 1 : 0;
-          }
-          updateFocusedIndex(newIndex);
-          break;
-        case "ArrowUp":
-          if (currentIndex < 3) {
-            newIndex = currentIndex + 9;
-          } else {
-            newIndex = currentIndex - 3;
-          }
-          while (dates[newIndex].disabled) {
-            if (newIndex > 2) {
-              newIndex -= 3;
-            } else {
-              newIndex += 9;
-            }
-          }
-          updateFocusedIndex(newIndex);
-          break;
-        case "ArrowDown":
-          if (currentIndex > 8) {
-            newIndex = currentIndex - 9;
-          } else {
-            newIndex = currentIndex + 3;
-          }
-          while (dates[newIndex].disabled) {
-            if (newIndex < 9) {
-              newIndex += 3;
-            } else {
-              newIndex -= 9;
-            }
-          }
-          updateFocusedIndex(newIndex);
-          break;
-        case "Enter":
-        case " ":
-          e.preventDefault();
-          if (!dates[currentIndex].disabled) {
-            onMonthSelection(dates[currentIndex].month);
-          }
-          break;
-      }
-    },
-    [dates, onMonthSelection]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: combinedRef,
-      "data-anv": "calendar-month-selection",
-      className: classes,
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": "Calendar month selection", children: /* @__PURE__ */ jsx(
-        Grid,
-        {
-          templateColumns: "repeat(3, minmax(0, 1fr))",
-          gap: 3,
-          onKeyDown: handleKeyDown,
-          role: "row",
-          children: dates.map(({ month, disabled }, index) => /* @__PURE__ */ jsx("div", { role: "gridcell", children: /* @__PURE__ */ jsx(
-            SelectCard,
-            {
-              id: month.toString(),
-              disabled,
-              onChange: () => onMonthSelection(month),
-              checked: selectedMonth === month && selectedYear === currentDate.year,
-              checkboxProps: {
-                className: styles$1["selection-checkbox"],
-                tabIndex: focusedIndex === index ? 0 : -1
-              },
-              className: styles$1["selection-card"],
-              children: DateTime.fromObject({ month }).toFormat("MMMM")
-            }
-          ) }, month.toString()))
-        }
-      ) })
-    }
-  );
-});
-CalendarMonthSelection.displayName = "CalendarMonthSelection";
-
 function memo(getDeps, fn, opts) {
   let deps = opts.initialDeps ?? [];
   let result;
@@ -10365,6 +10218,153 @@ const YearSelector = forwardRef(
 );
 YearSelector.displayName = "YearSelector";
 
+const CalendarMonthSelection = forwardRef(({ onMonthSelection, ...props }, ref) => {
+  const { defaultTimeZone, maxDate, minDate, selectedMonth, selectedYear } = useCalendar();
+  const monthSelectionRef = useRef(null);
+  const combinedRef = useMergeRefs([ref, monthSelectionRef]);
+  const currentDate = useMemo(
+    () => DateTime.fromObject({ year: selectedYear, month: selectedMonth }).setZone(defaultTimeZone).startOf("day"),
+    [defaultTimeZone, selectedYear, selectedMonth]
+  );
+  const dates = useMemo(
+    () => Array.from({ length: 12 }, (_, i) => {
+      const date = DateTime.fromObject({
+        year: selectedYear,
+        month: 1
+      }).plus({
+        month: i
+      });
+      const disabled = minDate && date < minDate && !date.hasSame(minDate, "month") || maxDate && date > maxDate && !date.hasSame(maxDate, "month");
+      return {
+        month: date.month,
+        disabled: disabled ?? false
+      };
+    }),
+    [maxDate, minDate, selectedYear]
+  );
+  const classes = cx(styles$1["month-selection"], props.className);
+  const [focusedIndex, setFocusedIndex] = useState(selectedMonth - 1);
+  useEffect(() => {
+    if (minDate || maxDate) {
+      let index = dates.findIndex(({ month }) => month === selectedMonth);
+      while (dates[index].disabled && index < 11) {
+        index++;
+      }
+      setFocusedIndex(index);
+    } else {
+      setFocusedIndex(selectedMonth - 1);
+    }
+  }, [selectedMonth, minDate, maxDate, dates]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      const target = e.target;
+      const cards = monthSelectionRef.current?.querySelectorAll(
+        "input[type='checkbox']"
+      );
+      if (!cards || cards.length === 0) {
+        return;
+      }
+      const cardArray = Array.from(cards);
+      const currentIndex = cardArray.indexOf(target);
+      if (currentIndex === -1) return;
+      const updateFocusedIndex = (index) => {
+        e.preventDefault();
+        cardArray[index].focus();
+        setFocusedIndex(index);
+      };
+      let newIndex;
+      switch (e.key) {
+        case "ArrowLeft":
+          newIndex = currentIndex > 0 ? currentIndex - 1 : 11;
+          while (dates[newIndex].disabled) {
+            newIndex = newIndex > 0 ? newIndex - 1 : 11;
+          }
+          updateFocusedIndex(newIndex);
+          break;
+        case "ArrowRight":
+          newIndex = currentIndex < 11 ? currentIndex + 1 : 0;
+          while (dates[newIndex].disabled) {
+            newIndex = newIndex < 11 ? newIndex + 1 : 0;
+          }
+          updateFocusedIndex(newIndex);
+          break;
+        case "ArrowUp":
+          if (currentIndex < 3) {
+            newIndex = currentIndex + 9;
+          } else {
+            newIndex = currentIndex - 3;
+          }
+          while (dates[newIndex].disabled) {
+            if (newIndex > 2) {
+              newIndex -= 3;
+            } else {
+              newIndex += 9;
+            }
+          }
+          updateFocusedIndex(newIndex);
+          break;
+        case "ArrowDown":
+          if (currentIndex > 8) {
+            newIndex = currentIndex - 9;
+          } else {
+            newIndex = currentIndex + 3;
+          }
+          while (dates[newIndex].disabled) {
+            if (newIndex < 9) {
+              newIndex += 3;
+            } else {
+              newIndex -= 9;
+            }
+          }
+          updateFocusedIndex(newIndex);
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (!dates[currentIndex].disabled) {
+            onMonthSelection(dates[currentIndex].month);
+          }
+          break;
+      }
+    },
+    [dates, onMonthSelection]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: combinedRef,
+      "data-anv": "calendar-month-selection",
+      className: classes,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": "Calendar month selection", children: /* @__PURE__ */ jsx(
+        Grid,
+        {
+          templateColumns: "repeat(3, minmax(0, 1fr))",
+          gap: 3,
+          onKeyDown: handleKeyDown,
+          role: "row",
+          children: dates.map(({ month, disabled }, index) => /* @__PURE__ */ jsx("div", { role: "gridcell", children: /* @__PURE__ */ jsx(
+            SelectCard,
+            {
+              id: month.toString(),
+              disabled,
+              onChange: () => onMonthSelection(month),
+              checked: selectedMonth === month && selectedYear === currentDate.year,
+              checkboxProps: {
+                className: styles$1["selection-checkbox"],
+                tabIndex: focusedIndex === index ? 0 : -1
+              },
+              className: styles$1["selection-card"],
+              children: DateTime.fromObject({ month }).toFormat("MMMM")
+            }
+          ) }, month.toString()))
+        }
+      ) })
+    }
+  );
+});
+CalendarMonthSelection.displayName = "CalendarMonthSelection";
+
 const toolbarFocusStates = ["month", "year", "next", "prev", "now"];
 const CalendarElement = forwardRef(
   (props, ref) => {
@@ -10832,4 +10832,4 @@ const Calendar = Object.assign(CalendarElement, {
 });
 
 export { Calendar as C, DateTime as D, CalendarNow as a, CalendarYearButton as b, CalendarPrev as c, CalendarNext as d, CalendarMonthButton as e, CalendarMonth as f, isValidDate as i, toDateString as t };
-//# sourceMappingURL=Calendar-Cn0fOgog.js.map
+//# sourceMappingURL=Calendar-BqOvsaby.js.map