@pnp/spfx-controls-react 3.24.0 → 3.25.0-beta.2833018

package/release/manifests/f9c6b930-8d5d-4550-bfd9-ed5f6ca443a8.manifest.json

@@ -3,7 +3,7 @@
   "alias": "TestFormCustomizer",
   "componentType": "Extension",
   "extensionType": "FormCustomizer",
-  "version": "3.24.0",
+  "version": "3.25.0",
   "manifestVersion": 2,
   "requiresCustomScript": false,
   "loaderConfig": {
@@ -14,7 +14,7 @@
     "scriptResources": {
       "controls-test-form-customizer": {
         "type": "path",
-        "path": "controls-test-form-customizer_28f378a46ee8d9a0b3de.js"
+        "path": "controls-test-form-customizer_efb10ba22b1cf07c4598.js"
       },
       "react": {
         "type": "component",
@@ -44,39 +44,39 @@
       "ControlStrings": {
         "type": "localizedPath",
         "paths": {
-          "bg-BG": "ControlStrings_bg-bg_ef590c5f6d2772e886d8f96685b71b42.js",
-          "ca-ES": "ControlStrings_ca-es_694f2bd24d7f0b68bd59a1c4bc868a95.js",
-          "cs-CZ": "ControlStrings_cs-cz_f5496ed90c56b88896e12af3a334b3d0.js",
-          "da-DK": "ControlStrings_da-dk_08f285acb882bd8d52a22cfd636fd43c.js",
-          "de-DE": "ControlStrings_de-de_125bed63ae010d67b6907685301ed223.js",
-          "el-GR": "ControlStrings_el-gr_2fec38c964f1f540f5dd310ac5944260.js",
-          "en-US": "ControlStrings_en-us_dce491b78edb3635f14b1999eaeb4e77.js",
-          "es-ES": "ControlStrings_es-es_40553d126bb8eb70e58377142a0e2371.js",
-          "et-EE": "ControlStrings_et-ee_c4f5b390bb21405a6d506bc556123b93.js",
-          "eu-ES": "ControlStrings_eu-es_1e138d5406f76a427f81a31b89d4b2af.js",
-          "fi-FI": "ControlStrings_fi-fi_6026158da0a2a90249806741d88d630b.js",
-          "fr-CA": "ControlStrings_fr-ca_c8089784b943736b66c41597a188b7bf.js",
-          "fr-FR": "ControlStrings_fr-fr_b34b86ba7a06cb4d54a5973a2902a414.js",
-          "it-IT": "ControlStrings_it-it_3359131164a976b3604c6fc0df391181.js",
-          "ja-JP": "ControlStrings_ja-jp_d2c81980bd562efb47fa73446391b27b.js",
-          "lt-LT": "ControlStrings_lt-lt_20a6dbcd983d53103683468ff58739df.js",
-          "lv-LV": "ControlStrings_lv-lv_25d61375af0e2a7801fd82d202e173f7.js",
-          "nb-NO": "ControlStrings_nb-no_5fd9f31366f097b48354a5e3256848ef.js",
-          "nl-NL": "ControlStrings_nl-nl_02dba0f1e4c6d23bf2551a648a831535.js",
-          "pl-PL": "ControlStrings_pl-pl_95155b88a8bd145a8020eed45e57c37e.js",
-          "pt-BR": "ControlStrings_pt-br_e6e8248c4676ab3c611f58d8d4940947.js",
-          "pt-PT": "ControlStrings_pt-pt_538cbbed0aaa9d308705b5a1921e66f2.js",
-          "ro-RO": "ControlStrings_ro-ro_a447e05033b8a1ff5570c0df83252e86.js",
-          "ru-RU": "ControlStrings_ru-ru_c941946bf6d20380a7abf86290143b5c.js",
-          "sk-SK": "ControlStrings_sk-sk_28d219adea4f0c5990ba998a83eff5b2.js",
-          "sr-Latn-RS": "ControlStrings_sr-latn-rs_8ed6b66d1892c9c764ba10e5fd4eccc8.js",
-          "sv-SE": "ControlStrings_sv-se_0156de754ac132922d5f9ae35eee6d4f.js",
-          "tr-TR": "ControlStrings_tr-tr_3ddce753aa412e40198d9dd7169ab0bb.js",
-          "vi-VN": "ControlStrings_vi-vn_0e90701629dfbf0a864256c88eea9292.js",
-          "zh-CN": "ControlStrings_zh-cn_8b383f793f14725722f7f2e10f630828.js",
-          "zh-TW": "ControlStrings_zh-tw_f2c80463de406d1e0a2f04aa09bd1d97.js"
+          "bg-BG": "ControlStrings_bg-bg_8933f4af295d9d7be3a5000eba61e924.js",
+          "ca-ES": "ControlStrings_ca-es_a0f7aecd7ab0170c0b0cc233953fce5a.js",
+          "cs-CZ": "ControlStrings_cs-cz_cb34c833ae48a6b522d5c28aed7674e1.js",
+          "da-DK": "ControlStrings_da-dk_e367adc2844ff10c513380c7126f6ab1.js",
+          "de-DE": "ControlStrings_de-de_a664ea32dedd88fc4e4eeb08b88dedaa.js",
+          "el-GR": "ControlStrings_el-gr_0ecf8e637946b778e2d85d6aa25345b1.js",
+          "en-US": "ControlStrings_en-us_d1a1683d685629ea2d4ec50028aa8361.js",
+          "es-ES": "ControlStrings_es-es_3dee0079218c1fcf0ac4e7c2207308c4.js",
+          "et-EE": "ControlStrings_et-ee_2eb15c5ab8fa42e36c2436e3f6f7b4d1.js",
+          "eu-ES": "ControlStrings_eu-es_56e99f385da498ae2f09d1baf8f955f7.js",
+          "fi-FI": "ControlStrings_fi-fi_bd1e37309a83c851f3a8e9dd306d65d9.js",
+          "fr-CA": "ControlStrings_fr-ca_96a3ad3bd1e20c4cce3048f48a541af3.js",
+          "fr-FR": "ControlStrings_fr-fr_1271c06be12db6ae0b9b5ee06d69b8ea.js",
+          "it-IT": "ControlStrings_it-it_68714fb50282737eae98b7df602c7289.js",
+          "ja-JP": "ControlStrings_ja-jp_6c3c8fa1f5f817f4d6f79b30ebcc8c7f.js",
+          "lt-LT": "ControlStrings_lt-lt_0de5597e6c204b208e9e52a361b8311d.js",
+          "lv-LV": "ControlStrings_lv-lv_a2bcebdea49e706be5b6e997db887573.js",
+          "nb-NO": "ControlStrings_nb-no_23e5d0e851fafcff005a2b6bef703c17.js",
+          "nl-NL": "ControlStrings_nl-nl_45dfd5b42a8a5facf62e0076b651522e.js",
+          "pl-PL": "ControlStrings_pl-pl_c1395ca025ebf770a8febf627a8dd329.js",
+          "pt-BR": "ControlStrings_pt-br_08bc2a949f7d648ff7fddf0a0243c624.js",
+          "pt-PT": "ControlStrings_pt-pt_c83741955872b034d93ee0b179cdeac7.js",
+          "ro-RO": "ControlStrings_ro-ro_92f5b00a512a0f115be7afdc00a7455e.js",
+          "ru-RU": "ControlStrings_ru-ru_4e4b14e7a7af1888b5fae835078c753b.js",
+          "sk-SK": "ControlStrings_sk-sk_d55e0bb9f487287c34b947bdcea15e44.js",
+          "sr-Latn-RS": "ControlStrings_sr-latn-rs_a93d6389bbd6070815f40fe80d0324ae.js",
+          "sv-SE": "ControlStrings_sv-se_4ed89a33c4d6009842bb1a1b3a10c91f.js",
+          "tr-TR": "ControlStrings_tr-tr_48b2a784dac37874079a1132e84e6fac.js",
+          "vi-VN": "ControlStrings_vi-vn_b985f0fec6bee98f9be7fc37d626abc5.js",
+          "zh-CN": "ControlStrings_zh-cn_98967e3b9333f6a1a4e9fa7e468f0314.js",
+          "zh-TW": "ControlStrings_zh-tw_0c5b9bf5c95dd64166d1248bfe38d621.js"
         },
-        "defaultPath": "ControlStrings_en-us_dce491b78edb3635f14b1999eaeb4e77.js"
+        "defaultPath": "ControlStrings_en-us_d1a1683d685629ea2d4ec50028aa8361.js"
       },
       "@microsoft/sp-lodash-subset": {
         "type": "component",

package/tests/controls/calendar/dateUtils.test.ts

@@ -0,0 +1,26 @@
+import { getDateKey, parseCalendarDate } from '../../../src/controls/calendar/utils/dateUtils';
+
+describe('calendar date utilities', () => {
+  it('parses local ISO date-time strings without locale round-tripping', () => {
+    const localeStringSpy = jest.spyOn(Date.prototype, 'toLocaleString').mockReturnValue('15/02/2025, 10:00:00 am');
+
+    const date = parseCalendarDate('2025-02-15T10:00:00', 'Australia/Sydney');
+
+    expect(date.toISOString()).toBe(new Date('2025-02-15T10:00:00').toISOString());
+    expect(localeStringSpy).not.toHaveBeenCalled();
+
+    localeStringSpy.mockRestore();
+  });
+
+  it('creates date keys from local calendar parts', () => {
+    const date = new Date(2025, 1, 15, 10, 0, 0);
+
+    expect(getDateKey(date)).toBe('2025-02-15');
+  });
+
+  it('parses date-only strings as local calendar days', () => {
+    const date = parseCalendarDate('2025-02-15', 'Australia/Sydney');
+
+    expect(getDateKey(date)).toBe('2025-02-15');
+  });
+});

package/tests/controls/calendar/useCalendar.test.ts

@@ -0,0 +1,141 @@
+/**
+ * @jest-environment jsdom
+ */
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { act } from 'react-dom/test-utils';
+
+import { IEvent } from '../../../src/controls/calendar/models/IEvents';
+import { IUseCalendar, useCalendar } from '../../../src/controls/calendar/hooks/useCalendar';
+
+interface ICalendarHookProbeProps {
+  timeZone: string;
+  onCalendarReady: (calendar: IUseCalendar) => void;
+}
+
+const CalendarHookProbe: React.FC<ICalendarHookProbeProps> = ({
+  timeZone,
+  onCalendarReady,
+}: ICalendarHookProbeProps) => {
+  onCalendarReady(useCalendar(timeZone));
+  return null;
+};
+
+const createCalendar = (timeZone: string): IUseCalendar => {
+  let calendar: IUseCalendar | undefined;
+  const container = document.createElement('div');
+
+  document.body.appendChild(container);
+
+  act(() => {
+    ReactDOM.render(
+      React.createElement(CalendarHookProbe, {
+        timeZone,
+        onCalendarReady: (calendarApi: IUseCalendar) => {
+          calendar = calendarApi;
+        },
+      }),
+      container
+    );
+  });
+
+  ReactDOM.unmountComponentAtNode(container);
+  container.remove();
+
+  return calendar as IUseCalendar;
+};
+
+const createEvent = (
+  id: string,
+  start: string,
+  end: string,
+  isFullDay: boolean = false
+): IEvent => ({
+  id,
+  title: id,
+  start,
+  end,
+  isFullDay,
+  category: 'Meeting',
+});
+
+describe('useCalendar timezone event handling', () => {
+  it.each([
+    {
+      timeZone: 'Pacific/Honolulu',
+      event: createEvent('honolulu-previous-day', '2025-02-15T09:30:00Z', '2025-02-15T10:00:00Z'),
+      year: 2025,
+      month: 1,
+      expectedDate: '2025-02-14',
+    },
+    {
+      timeZone: 'America/New_York',
+      event: createEvent('new-york-dst-start', '2025-03-09T06:30:00Z', '2025-03-09T07:00:00Z'),
+      year: 2025,
+      month: 2,
+      expectedDate: '2025-03-09',
+    },
+    {
+      timeZone: 'Europe/London',
+      event: createEvent('london-dst-end', '2025-10-26T01:30:00Z', '2025-10-26T02:00:00Z'),
+      year: 2025,
+      month: 9,
+      expectedDate: '2025-10-26',
+    },
+    {
+      timeZone: 'Asia/Kolkata',
+      event: createEvent('kolkata-next-day', '2025-02-14T18:45:00Z', '2025-02-14T19:15:00Z'),
+      year: 2025,
+      month: 1,
+      expectedDate: '2025-02-15',
+    },
+    {
+      timeZone: 'Australia/Sydney',
+      event: createEvent('sydney-aest-local', '2025-02-15T10:00:00', '2025-02-15T11:00:00'),
+      year: 2025,
+      month: 1,
+      expectedDate: '2025-02-15',
+    },
+    {
+      timeZone: 'Pacific/Kiritimati',
+      event: createEvent('kiritimati-next-day', '2025-02-14T11:30:00Z', '2025-02-14T12:00:00Z'),
+      year: 2025,
+      month: 1,
+      expectedDate: '2025-02-15',
+    },
+  ])('buckets an event on the correct local day for $timeZone', ({ timeZone, event, year, month, expectedDate }) => {
+    const calendar = createCalendar(timeZone);
+
+    const monthCalendar = calendar.getMonthCalendar([event], year, month);
+
+    expect(monthCalendar[expectedDate].map((calendarEvent) => calendarEvent.id)).toContain(event.id);
+  });
+
+  it('places local ISO events in the expected AEST weekly time slot', () => {
+    const calendar = createCalendar('Australia/Sydney');
+    const event = createEvent('aest-weekly-sync', '2025-02-15T10:00:00', '2025-02-15T11:00:00');
+
+    const weekEvents = calendar.getWeekEvents([event], '2025-02-09T00:00:00');
+    const eventDay = weekEvents.find((day) => day.date === '2025-02-15');
+
+    expect(eventDay?.timeSlots[20].events.map((calendarEvent) => calendarEvent.id)).toContain(event.id);
+  });
+
+  it('tracks full-day events across local date boundaries in different zones', () => {
+    const events = [
+      createEvent('tokyo-full-day', '2025-02-15', '2025-02-16', true),
+      createEvent('los-angeles-full-day', '2025-02-15', '2025-02-16', true),
+    ];
+
+    const tokyoCalendar = createCalendar('Asia/Tokyo');
+    const losAngelesCalendar = createCalendar('America/Los_Angeles');
+
+    const tokyoWeekEvents = tokyoCalendar.getWeekEvents([events[0]], '2025-02-10T00:00:00');
+    const losAngelesWeekEvents = losAngelesCalendar.getWeekEvents([events[1]], '2025-02-10T00:00:00');
+
+    expect(tokyoWeekEvents.find((day) => day.date === '2025-02-15')?.fullDayEvents).toHaveLength(1);
+    expect(tokyoWeekEvents.find((day) => day.date === '2025-02-16')?.fullDayEvents).toHaveLength(1);
+    expect(losAngelesWeekEvents.find((day) => day.date === '2025-02-15')?.fullDayEvents).toHaveLength(1);
+    expect(losAngelesWeekEvents.find((day) => day.date === '2025-02-16')?.fullDayEvents).toHaveLength(1);
+  });
+});