A new read-only React sample is ready for the PnP SharePoint Framework webparts repository:
- Pull request: https://github.com/pnp/sp-dev-fx-webparts/pull/6487
- Sample:
samples/react-resource-capacity-planner/
The web part reads bounded SharePoint REST resource and reservation lists with GET only. It calculates daily and weekly utilization, capacity, deterministic overlap conflicts, available working-hour slots, resource units, and source-level partial/error states.
It validates HTTPS same-tenant REST URLs, field names, resource IDs, ISO date ranges, time zones, horizons, page sizes, and item limits. The UI includes empty, malformed, partial, permission, throttling, retry, loading, keyboard, responsive, and non-color-only states.
This is a planning view—not a booking system. It does not create, update, or cancel reservations and requests no additional API permissions. Microsoft Graph Bookings/Exchange integration is intentionally documented as a separate consent boundary rather than assumed.
Local verification completed:
- 8 deterministic tests passed.
- GET-only verifier passed.
- SPFx lint, TypeScript, Sass, and webpack validation passed.
- Production bundle and
.sppkgpackaging passed. - Gallery metadata, configuration, scope, and secret checks passed.
- Generated outputs were removed before commit.
Could someone with a SharePoint Online tenant please validate representative rooms/resources and reservations, including overlapping and touching intervals, multi-unit capacity, limited permissions, throttling, partial failures, managed paths, date horizons, time-zone display, keyboard navigation, and responsive layout? Real tenant screenshots would be especially helpful; none are fabricated locally.
Thank you for helping validate and improve this community sample.