replace unmaintained @reach/dialog with @radix-ui/react-dialog

[vahag-curity]

Summary

• Replace @reach/dialog with @radix-ui/react-dialog — @reach/dialog is unmaintained; Radix Dialog is actively maintained and supports React 16–19
• Remove legacy-peer-deps=true from all .npmrc files
  • Root cause: component-library declared peerDependencies: react ^18.0.0 while actually using React 19
  • Fixed by widening peer deps to ^18.0.0 || ^19.0.0
  • Removed the workaround from all 5 .npmrc files (root, component-library, self-service-portal, css/docs, css/lib)
• Update @types/react and @types/react-dom to ^19 in css/docs to match the actual React 19 runtime
• Consolidate .npmrc to a single root file
  • Removed redundant nested .npmrc files (22.12.0) from component-library and self-service-portal
  • Updated root to 22.22.0 to align with the parent repo

[Copilot]

Pull request overview

This PR migrates the shared Dialog component in the common component library from @reach/dialog to @radix-ui/react-dialog, updating styling and dependencies across the monorepo to support the new dialog implementation.

Changes:

• Replace @reach/dialog usage with @radix-ui/react-dialog in the component-library Dialog component.
• Update dialog overlay styling to align with Radix’s overlay/content structure.
• Update workspace dependencies and lockfile (including a react-dom patch bump in the self-service-portal app).

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/self-service-portal/app/package.json	Removes @reach/dialog from the app deps and bumps react-dom patch version.
src/common/component-library/src/components/dialog/Dialog.tsx	Reimplements the dialog using Radix primitives and updates close callback typing/behavior.
src/common/component-library/src/components/dialog/Dialog.module.css	Updates overlay selector and adds explicit stacking order for overlay/content.
src/common/component-library/src/components/ConfirmButton.tsx	Aligns closeCallback typing with the dialog’s updated callback signature.
src/common/component-library/README.md	Updates internal dependency documentation to reference Radix dialog.
src/common/component-library/package.json	Swaps @reach/dialog for @radix-ui/react-dialog.
package-lock.json	Reflects dependency graph changes from the dialog library swap and version updates.

Comments suppressed due to low confidence (1)

src/common/component-library/src/components/dialog/Dialog.tsx:23

• closeDialogOnButtonClick is declared in CurityDialogProps but is not referenced anywhere in this component or elsewhere in the repo. Keeping unused props in a shared component API increases confusion for consumers—either remove it or implement the intended behavior (and add coverage) if it is still needed.

  actionButtonText?: string;
  isActionButtonDisabled?: boolean;
  closeDialogOnButtonClick?: boolean;
  actionButtonCallback?: (event: React.MouseEvent<HTMLButtonElement>) => void;

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.