@proyecto-viviana/solid-stately 0.4.0 → 0.4.1

package/dist/selection/SelectionManager.d.ts

@@ -107,4 +107,13 @@ export declare class SelectionManager<T = unknown> {
     isLink(key: Key): boolean;
     getItemProps(key: Key): Record<string, unknown> | undefined;
     withCollection(collection: Collection<T>): SelectionManager<T>;
+    /**
+     * Like {@link withCollection}, but the collection is supplied as a live
+     * accessor so the returned manager stays reactive as the collection recomputes
+     * (e.g. an Autocomplete filter narrowing the list as the user types). The
+     * shared underlying selection/focus state is preserved, and the original
+     * (unfiltered) collection is retained as `fullCollection` so a select-all
+     * still materializes the filtered-out keys.
+     */
+    withCollectionAccessor(collection: () => Collection<T>): SelectionManager<T>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
   "keywords": [
     "headless",

package/src/calendar/createCalendarState.ts

@@ -287,7 +287,10 @@ export function createCalendarState<
   const [visibleRangeStart, setVisibleRangeStart] = createSignal<CalendarDate>(
     alignVisibleRangeStart(initialFocusedDate),
   );
-  const [isFocused, setFocused] = createSignal(false);
+  // Init from autoFocus, mirroring @react-stately useCalendarState
+  // (`useState(props.autoFocus || false)`). Without autoFocus the calendar
+  // mounts unfocused and never steals DOM focus.
+  const [isFocused, setFocused] = createSignal(props.autoFocus ?? false);
   const [isPaginating, setIsPaginating] = createSignal(false);
 
   // Controlled vs uncontrolled value
@@ -457,9 +460,13 @@ export function createCalendarState<
     return isSameDay(target, toDisplayCalendarDate(v));
   };
 
-  // Check if a date is focused
+  // Check if a date is focused. Mirrors @react-stately/calendar isCellFocused
+  // (`isFocused && focusedDate && isSameDay(date, focusedDate)`): the
+  // calendar-level `isFocused` flag gates cell focus so the calendar does NOT
+  // steal DOM focus on mount. The roving tabbable cell is tracked separately by
+  // the cell's `tabIndex` (isSameDay against focusedDate, ungated).
   const isCellFocused = (date: DateValue): boolean => {
-    return isSameDay(toDisplayCalendarDate(date), focusedDate());
+    return isFocused() && isSameDay(toDisplayCalendarDate(date), focusedDate());
   };
 
   // Check if a date is unavailable
@@ -476,6 +483,15 @@ export function createCalendarState<
     const maxValue = access(props.maxValue);
     const calDate = toDisplayCalendarDate(date);
 
+    // Dates outside the visible range are disabled, mirroring
+    // @react-stately/calendar isCellDisabled (`date.compare(startDate) < 0 ||
+    // date.compare(endDate) > 0` over the visible range). This is what marks the
+    // leading/trailing padding cells (days from the adjacent months that fill out
+    // the first/last grid weeks) as aria-disabled.
+    const range = visibleRange();
+    if (calDate.compare(toDisplayCalendarDate(range.start)) < 0) return true;
+    if (calDate.compare(toDisplayCalendarDate(range.end)) > 0) return true;
+
     if (minValue && calDate.compare(toDisplayCalendarDate(minValue)) < 0) return true;
     if (maxValue && calDate.compare(toDisplayCalendarDate(maxValue)) > 0) return true;
 
@@ -557,8 +573,14 @@ export function createCalendarState<
   };
 
   const selectDate = (date: CalendarDate) => {
+    // Mirror @react-stately/calendar `selectDate(date) { setValue(date); }`:
+    // no isCellDisabled/isCellUnavailable guard here. Upstream gates selection
+    // at the cell layer (createCalendarCell handlePointerDown/handleClick guard
+    // on isDisabled/isUnavailable before calling selectDate); the state method
+    // only refuses when the whole calendar is disabled/readOnly (setValue's
+    // guard). Double-guarding here also broke programmatic selection of dates
+    // outside the current visible range.
     if (isReadOnly() || isDisabled()) return;
-    if (isCellDisabled(date) || isCellUnavailable(date)) return;
 
     if (selectionMode() === "multiple") {
       const current = value();