Skip to content

feat: add public RuiTimezoneSelect component#531

Open
kelsos wants to merge 3 commits intorotki:mainfrom
kelsos:feat/timezone-select
Open

feat: add public RuiTimezoneSelect component#531
kelsos wants to merge 3 commits intorotki:mainfrom
kelsos:feat/timezone-select

Conversation

@kelsos
Copy link
Copy Markdown
Member

@kelsos kelsos commented May 5, 2026

Summary

  • Extracts the timezone autocomplete previously inlined in RuiDateTimePickerMenu into its own public RuiTimezoneSelect component, so consumers can use it standalone.
  • Display labels render with underscores replaced by spaces (e.g. America/New York) while v-model keeps the canonical IANA string (America/New_York).
  • Adds America/Ciudad_Juarez and America/Coyhaique to the timezones list — verified against Intl.supportedValuesOf('timeZone') that no other canonical IANA zones were missing.
  • Includes Storybook stories, unit tests, an example route at /timezone-selects, and Playwright e2e coverage. RuiDateTimePickerMenu now consumes the new component.
  • Drive-by fix: apps/example/scripts/visual-docker.sh now passes --user $UID:$GID and points HOME at /tmp so files written into the bind-mounted repo (dist/, test-results/, baselines, etc.) stay owned by the host user instead of root.

Test plan

  • pnpm lint — 0 errors
  • pnpm typecheck — clean
  • pnpm build:prod — clean
  • pnpm test:ci — 1088/1088 unit tests pass
  • pnpm test:e2e — 293/293 e2e tests pass (incl. 8 new timezone-select tests)
  • Visual regression suite (pnpm test:visual) on a clean machine to confirm the docker --user flag works for contributors who don't yet have root-owned artefacts

kelsos added 3 commits May 5, 2026 19:17
Previously the Playwright container ran as root by default, so any files
written into the bind-mounted repo (dist/, test-results/, playwright-
report/) became root-owned and broke subsequent local pnpm builds and
e2e runs with EACCES. Pass --user $UID:$GID and point HOME at /tmp so
corepack/pnpm caches stay writable.
Extract the timezone autocomplete that was previously inlined inside
RuiDateTimePickerMenu into its own public component so it can be used
standalone. Display labels render with underscores replaced by spaces
(e.g. America/New York) while the v-model keeps the canonical IANA
string.

Includes Storybook stories, unit tests, an example route, and Playwright
e2e coverage. RuiDateTimePickerMenu now consumes the new component.
These canonical IANA zones (added in tzdata 2022g and 2024b) were
missing from our list. Verified against Intl.supportedValuesOf('timeZone')
that no other canonical zones are missing.
@kelsos kelsos requested a review from a team as a code owner May 5, 2026 17:51
@codecov-commenter
Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 84.84%. Comparing base (887bfa1) to head (fa5fffe).

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #531      +/-   ##
==========================================
+ Coverage   84.83%   84.84%   +0.01%     
==========================================
  Files         145      146       +1     
  Lines        5267     5271       +4     
  Branches     1577     1578       +1     
==========================================
+ Hits         4468     4472       +4     
  Misses        799      799              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants