@react-stately/calendar - npm Package Compare versions

Comparing version 3.0.0-nightly-e1b72a79f-241017 to 3.0.0-nightly-e228ed814-250129

dist/useCalendarState.main.js

@@ -35,3 +35,3 @@ var $4301262d71f567b9$exports = require("./utils.main.js");
         months: 1
-    }, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible' } = props;
+    }, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible', firstDayOfWeek: firstDayOfWeek } = props;
     let calendar = (0, $cpRwL$react.useMemo)(()=>createCalendar(resolvedOptions.calendar), [
@@ -232,3 +232,3 @@ createCalendar,
         selectFocusedDate () {
-            setValue(focusedDate);
+            if (!(isDateUnavailable && isDateUnavailable(focusedDate))) setValue(focusedDate);
         },
@@ -270,3 +270,2 @@ selectDate (date) {
         getDatesInWeek (weekIndex, from = startDate) {
-            // let date = startOfWeek(from, locale);
             let date = from.add({
@@ -276,6 +275,6 @@ weeks: weekIndex
             let dates = [];
-            date = (0, $cpRwL$internationalizeddate.startOfWeek)(date, locale);
+            date = (0, $cpRwL$internationalizeddate.startOfWeek)(date, locale, firstDayOfWeek);
             // startOfWeek will clamp dates within the calendar system's valid range, which may
             // start in the middle of a week. In this case, add null placeholders.
-            let dayOfWeek = (0, $cpRwL$internationalizeddate.getDayOfWeek)(date, locale);
+            let dayOfWeek = (0, $cpRwL$internationalizeddate.getDayOfWeek)(date, locale, firstDayOfWeek);
             for(let i = 0; i < dayOfWeek; i++)dates.push(null);
@@ -282,0 +281,0 @@ while(dates.length < 7){

dist/useCalendarState.module.js

@@ -29,3 +29,3 @@ import {alignCenter as $f62d864046160412$export$f4a51ff076cc9a09, alignEnd as $f62d864046160412$export$530edbfc915b2b04, alignStart as $f62d864046160412$export$144a00ba6044eb9, constrainStart as $f62d864046160412$export$5bb865b12696a77d, constrainValue as $f62d864046160412$export$4f5203c0d889109e, isInvalid as $f62d864046160412$export$eac50920cf2fd59a, previousAvailableDate as $f62d864046160412$export$a1d3911297b952d7} from "./utils.module.js";
         months: 1
-    }, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible' } = props;
+    }, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible', firstDayOfWeek: firstDayOfWeek } = props;
     let calendar = (0, $7G4ZY$useMemo)(()=>createCalendar(resolvedOptions.calendar), [
@@ -226,3 +226,3 @@ createCalendar,
         selectFocusedDate () {
-            setValue(focusedDate);
+            if (!(isDateUnavailable && isDateUnavailable(focusedDate))) setValue(focusedDate);
         },
@@ -264,3 +264,2 @@ selectDate (date) {
         getDatesInWeek (weekIndex, from = startDate) {
-            // let date = startOfWeek(from, locale);
             let date = from.add({
@@ -270,6 +269,6 @@ weeks: weekIndex
             let dates = [];
-            date = (0, $7G4ZY$startOfWeek)(date, locale);
+            date = (0, $7G4ZY$startOfWeek)(date, locale, firstDayOfWeek);
             // startOfWeek will clamp dates within the calendar system's valid range, which may
             // start in the middle of a week. In this case, add null placeholders.
-            let dayOfWeek = (0, $7G4ZY$getDayOfWeek)(date, locale);
+            let dayOfWeek = (0, $7G4ZY$getDayOfWeek)(date, locale, firstDayOfWeek);
             for(let i = 0; i < dayOfWeek; i++)dates.push(null);
@@ -276,0 +275,0 @@ while(dates.length < 7){

package.json

 {
   "name": "@react-stately/calendar",
-  "version": "3.0.0-nightly-e1b72a79f-241017",
+  "version": "3.0.0-nightly-e228ed814-250129",
   "description": "Spectrum UI components in React",
@@ -25,15 +25,14 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@internationalized/date": "^3.0.0-nightly-e1b72a79f-241017",
-    "@react-stately/utils": "^3.0.0-nightly-e1b72a79f-241017",
-    "@react-types/calendar": "^3.0.0-nightly-e1b72a79f-241017",
-    "@react-types/shared": "^3.0.0-nightly-e1b72a79f-241017",
+    "@internationalized/date": "3.0.0-nightly-e228ed814-250129",
+    "@react-stately/utils": "3.0.0-nightly-e228ed814-250129",
+    "@react-types/calendar": "3.0.0-nightly-e228ed814-250129",
+    "@react-types/shared": "3.0.0-nightly-e228ed814-250129",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "stableVersion": "3.5.5"
+  }
 }

src/useCalendarState.ts

@@ -69,3 +69,4 @@ /*
     isDateUnavailable,
-    pageBehavior = 'visible'
+    pageBehavior = 'visible',
+    firstDayOfWeek
   } = props;
@@ -295,3 +296,5 @@ let calendar = useMemo(() => createCalendar(resolvedOptions.calendar), [createCalendar, resolvedOptions.calendar]);
     selectFocusedDate() {
-      setValue(focusedDate);
+      if (!(isDateUnavailable && isDateUnavailable(focusedDate))) {
+        setValue(focusedDate);
+      }
     },
@@ -329,11 +332,10 @@ selectDate(date) {
     getDatesInWeek(weekIndex, from = startDate) {
-      // let date = startOfWeek(from, locale);
       let date = from.add({weeks: weekIndex});
       let dates: (CalendarDate | null)[] = [];
 
-      date = startOfWeek(date, locale);
-
+      date = startOfWeek(date, locale, firstDayOfWeek);
+      
       // startOfWeek will clamp dates within the calendar system's valid range, which may
       // start in the middle of a week. In this case, add null placeholders.
-      let dayOfWeek = getDayOfWeek(date, locale);
+      let dayOfWeek = getDayOfWeek(date, locale, firstDayOfWeek);
       for (let i = 0; i < dayOfWeek; i++) {
@@ -340,0 +342,0 @@ dates.push(null);

src/useRangeCalendarState.ts

@@ -16,3 +16,3 @@ /*
 import {CalendarState, RangeCalendarState} from './types';
-import {DateValue, RangeCalendarProps} from '@react-types/calendar';
+import {DateValue, MappedDateValue, RangeCalendarProps} from '@react-types/calendar';
 import {RangeValue, ValidationState} from '@react-types/shared';
@@ -46,3 +46,3 @@ import {useCalendarState} from './useCalendarState';
   let {value: valueProp, defaultValue, onChange, createCalendar, locale, visibleDuration = {months: 1}, minValue, maxValue, ...calendarProps} = props;
-  let [value, setValue] = useControlledState<RangeValue<T> | null, RangeValue<T>>(
+  let [value, setValue] = useControlledState<RangeValue<T> | null, RangeValue<MappedDateValue<T>>>(
     valueProp!,
@@ -49,0 +49,0 @@ defaultValue || null!,

No alert changes

Improved metrics

Total package byte prevSize

218602

increased by0.3%

Worsened metrics

Lines of code

2633

decreased by-0.04%

Dependency changes

• + Added@internationalized/date@3.0.0-nightly-e228ed814-250129(transitive)

• + Added@react-stately/utils@3.0.0-nightly-e228ed814-250129(transitive)

• + Added@react-types/calendar@3.0.0-nightly-e228ed814-250129(transitive)

• + Added@react-types/shared@3.0.0-nightly-e228ed814-250129(transitive)

• - Removed@internationalized/date@3.7.0(transitive)

• - Removed@react-stately/utils@3.10.5(transitive)

• - Removed@react-types/calendar@3.6.0(transitive)

• - Removed@react-types/shared@3.27.0(transitive)

• Updated@internationalized/date@3.0.0-nightly-e228ed814-250129

• Updated@react-stately/utils@3.0.0-nightly-e228ed814-250129

• Updated@react-types/calendar@3.0.0-nightly-e228ed814-250129

• Updated@react-types/shared@3.0.0-nightly-e228ed814-250129