@servicetitan/anvil2 2.7.0 → 2.7.1

package/dist/{Calendar-SGlTt-bs.js → Calendar-Frpv5rRY.js}

@@ -8,8 +8,8 @@ import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboar
 import { c as cx } from './index-De1g9FRV.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
-import { G as Grid } from './Grid-ONcUpb__.js';
-import { S as SelectCard } from './SelectCard-cu4MBuh8.js';
+import { G as Grid } from './Grid-DeYIx5k4.js';
+import { S as SelectCard } from './SelectCard-ZaAD0wR1.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -189,40 +189,40 @@ const CalendarYearButton = forwardRef((props, ref) => {
 });
 CalendarYearButton.displayName = "CalendarYearButton";
 
-const calendar = "_calendar_50kmd_2";
-const header = "_header_50kmd_15";
-const controller = "_controller_50kmd_46";
-const spacer = "_spacer_50kmd_54";
-const cell = "_cell_50kmd_67";
-const overflow = "_overflow_50kmd_98";
-const weekday = "_weekday_50kmd_104";
-const range = "_range_50kmd_149";
-const selected = "_selected_50kmd_159";
-const pip = "_pip_50kmd_233";
+const calendar = "_calendar_1fg5q_2";
+const header = "_header_1fg5q_15";
+const controller = "_controller_1fg5q_46";
+const spacer = "_spacer_1fg5q_54";
+const cell = "_cell_1fg5q_67";
+const overflow = "_overflow_1fg5q_98";
+const weekday = "_weekday_1fg5q_104";
+const range = "_range_1fg5q_149";
+const selected = "_selected_1fg5q_159";
+const pip = "_pip_1fg5q_233";
 const styles$1 = {
 	calendar: calendar,
 	header: header,
 	controller: controller,
 	spacer: spacer,
-	"day-grid": "_day-grid_50kmd_57",
+	"day-grid": "_day-grid_1fg5q_57",
 	cell: cell,
 	overflow: overflow,
 	weekday: weekday,
-	"month-selection": "_month-selection_50kmd_116",
-	"selection-checkbox": "_selection-checkbox_50kmd_116",
-	"selection-card": "_selection-card_50kmd_126",
-	"range-first": "_range-first_50kmd_149",
-	"range-last": "_range-last_50kmd_149",
+	"month-selection": "_month-selection_1fg5q_116",
+	"selection-checkbox": "_selection-checkbox_1fg5q_116",
+	"selection-card": "_selection-card_1fg5q_126",
+	"range-first": "_range-first_1fg5q_149",
+	"range-last": "_range-last_1fg5q_149",
 	range: range,
 	selected: selected,
-	"is-unavailable": "_is-unavailable_50kmd_167",
-	"hover-last": "_hover-last_50kmd_225",
-	"has-metadata": "_has-metadata_50kmd_229",
+	"is-unavailable": "_is-unavailable_1fg5q_167",
+	"hover-last": "_hover-last_1fg5q_225",
+	"has-metadata": "_has-metadata_1fg5q_229",
 	pip: pip,
-	"range-fill": "_range-fill_50kmd_245",
-	"range-disabled": "_range-disabled_50kmd_255",
-	"controller-button": "_controller-button_50kmd_263",
-	"year-selector": "_year-selector_50kmd_271"
+	"range-fill": "_range-fill_1fg5q_245",
+	"range-disabled": "_range-disabled_1fg5q_255",
+	"controller-button": "_controller-button_1fg5q_263",
+	"year-selector": "_year-selector_1fg5q_271"
 };
 
 const CalendarPrev = forwardRef(
@@ -576,14 +576,16 @@ const CalendarDay = forwardRef(
         initialized.current = true;
         return;
       }
-      if (!disableAutofocus) {
-        requestAnimationFrame(() => {
-          const targetElement = document.getElementById(`${uid}-${focusedDate.toISODate()}`) || document.activeElement?.shadowRoot?.getElementById(
-            `${uid}-${focusedDate.toISODate()}`
-          );
+      if (!isSameDay(date, focusedDate)) return;
+      requestAnimationFrame(() => {
+        const dateId = `${uid}-${focusedDate.toISODate()}`;
+        const targetElement = document.getElementById(dateId) || document.activeElement?.shadowRoot?.getElementById(dateId);
+        const deepActiveEl = document.activeElement?.shadowRoot?.activeElement ?? document.activeElement;
+        const isDayFocused = !!deepActiveEl?.id?.startsWith(`${uid}-`);
+        if (!disableAutofocus || isDayFocused) {
           targetElement?.focus();
-        });
-      }
+        }
+      });
     }, [focusedDate, uid, disableAutofocus]);
     useEffect(() => {
       if (!isUnavailableDate(focusedDate, unavailable, defaultTimeZone)) return;
@@ -1320,8 +1322,8 @@ const useCalendarBetaProps = () => {
 };
 
 const toolbarFocusStates = ["month", "year", "next", "prev", "now"];
-const CalendarElement = forwardRef(
-  (props, ref) => {
+const Calendar = Object.assign(
+  forwardRef(function CalendarInner(props, ref) {
     const uid = useId();
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
@@ -1551,6 +1553,15 @@ const CalendarElement = forwardRef(
     const handleHeaderKeyDown = useCallback(
       (e) => {
         switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            if (calendarSelectionState === "day") {
+              const focusedDayId = `${id ?? uid}-${focusedDate?.toISODate()}`;
+              const root = e.currentTarget.getRootNode() ?? document;
+              root.getElementById(focusedDayId)?.focus();
+            }
+            break;
+          }
           case "ArrowLeft":
             e.preventDefault();
             setToolbarFocus((previousToolbarFocus) => {
@@ -1578,7 +1589,7 @@ const CalendarElement = forwardRef(
             });
         }
       },
-      [visibleHeaderButtons]
+      [visibleHeaderButtons, calendarSelectionState, focusedDate, id, uid]
     );
     const handleMonthSelection = useCallback(
       (month) => {
@@ -1720,90 +1731,90 @@ const CalendarElement = forwardRef(
         ]
       }
     ) });
+  }),
+  {
+    /**
+     * Calendar.Now component for navigating to today's date.
+     *
+     * Features:
+     * - Quick navigation to current date
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Now />
+     */
+    Now: CalendarNow,
+    /**
+     * Calendar.Month component for displaying the month grid.
+     *
+     * Features:
+     * - Displays calendar days in a table format
+     * - Handles day selection and navigation
+     * - Supports range selection mode
+     * - Accessible with proper ARIA attributes
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Month />
+     */
+    Month: CalendarMonth,
+    /**
+     * Calendar.Next component for navigating to the next month.
+     *
+     * Features:
+     * - Navigation to next month
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Next />
+     */
+    Next: CalendarNext,
+    /**
+     * Calendar.Prev component for navigating to the previous month.
+     *
+     * Features:
+     * - Navigation to previous month
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.Prev />
+     */
+    Prev: CalendarPrev,
+    /**
+     * Calendar.MonthButton component for switching to month selection view.
+     *
+     * Features:
+     * - Switches calendar to month selection mode
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.MonthButton />
+     */
+    MonthButton: CalendarMonthButton,
+    /**
+     * Calendar.YearButton component for switching to year selection view.
+     *
+     * Features:
+     * - Switches calendar to year selection mode
+     * - Accessible button with proper ARIA labels
+     * - Integrates with calendar context
+     * - Data tracking integration for analytics
+     *
+     * @example
+     * <Calendar.YearButton />
+     */
+    YearButton: CalendarYearButton
   }
 );
-CalendarElement.displayName = "Calendar";
-const Calendar = Object.assign(CalendarElement, {
-  /**
-   * Calendar.Now component for navigating to today's date.
-   *
-   * Features:
-   * - Quick navigation to current date
-   * - Accessible button with proper ARIA labels
-   * - Integrates with calendar context
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.Now />
-   */
-  Now: CalendarNow,
-  /**
-   * Calendar.Month component for displaying the month grid.
-   *
-   * Features:
-   * - Displays calendar days in a table format
-   * - Handles day selection and navigation
-   * - Supports range selection mode
-   * - Accessible with proper ARIA attributes
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.Month />
-   */
-  Month: CalendarMonth,
-  /**
-   * Calendar.Next component for navigating to the next month.
-   *
-   * Features:
-   * - Navigation to next month
-   * - Accessible button with proper ARIA labels
-   * - Integrates with calendar context
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.Next />
-   */
-  Next: CalendarNext,
-  /**
-   * Calendar.Prev component for navigating to the previous month.
-   *
-   * Features:
-   * - Navigation to previous month
-   * - Accessible button with proper ARIA labels
-   * - Integrates with calendar context
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.Prev />
-   */
-  Prev: CalendarPrev,
-  /**
-   * Calendar.MonthButton component for switching to month selection view.
-   *
-   * Features:
-   * - Switches calendar to month selection mode
-   * - Accessible button with proper ARIA labels
-   * - Integrates with calendar context
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.MonthButton />
-   */
-  MonthButton: CalendarMonthButton,
-  /**
-   * Calendar.YearButton component for switching to year selection view.
-   *
-   * Features:
-   * - Switches calendar to year selection mode
-   * - Accessible button with proper ARIA labels
-   * - Integrates with calendar context
-   * - Data tracking integration for analytics
-   *
-   * @example
-   * <Calendar.YearButton />
-   */
-  YearButton: CalendarYearButton
-});
+Calendar.displayName = "Calendar";
 
 export { CalendarBetaPropsContext as C, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-SGlTt-bs.js.map
+//# sourceMappingURL=Calendar-Frpv5rRY.js.map