Moderne OnlyThis recipe is proprietary to Moderne and runs on the Moderne platform or CLI — it isn’t part of the open-source catalog. Available with a Moderne subscription.Contact Sales

Upgrade PrimeNG components to 18

Recipe IDorg.openrewrite.primeng.UpgradeComponentsTo18

Artifactio.moderne.recipe:rewrite-angular

Handles component renames, deprecations, and removals for PrimeNG 18. Renames Calendar to DatePicker, Dropdown to Select, InputSwitch to ToggleSwitch, OverlayPanel to Popover, and Sidebar to Drawer (TS imports + identifier usages + HTML selectors). Migrates the Messages template usage to the <p-message> + @for loop. Marks removed modules (Chips, TriStateCheckbox, Messages, DataViewLayoutOptions, pAnimate) with TODO stubs, marks deprecated components (TabMenu, Steps, InlineMessage, TabView, pDefer) with TODO comments on their imports, and marks deprecated CSS classes (.p-link, .p-highlight, .p-fluid) and <p-drawer>/<p-sidebar> size usages with HTML TODO comments. All marked sites are written to the ManualMigrationSteps data table.

Composite recipeOpenRewriteModerne Proprietary License

Try in PlatformTry this recipe in the Moderne platform. Not a user yet? You’ll get a no-setup demo environment, with nothing to install or configure.

Definition

Recipes13

• Rename Calendar to DatePicker
• Rename Dropdown to Select
• Rename InputSwitch to ToggleSwitch
• Rename OverlayPanel to Popover
• Rename Sidebar to Drawer
• Rename Message interface to ToastMessageOptions
• Rename PrimeNG selectors in HTML templates to their v18 equivalents
• Migrate <p-messages> to <p-message> with @for loop
• Migrate .p-fluid to <p-fluid> wrapper
• Mark imports of removed PrimeNG modules with TODO stubs
• Mark deprecated PrimeNG components with TODO comments
• Mark deprecated PrimeNG CSS classes with TODO comments
• Mark <p-drawer> / <p-sidebar> size usages with TODO comments

Usage

Run this recipe

In order to run JavaScript recipes, you will need to use the Moderne CLI. For JavaScript specific configuration instructions, please see our configuring JavaScript guide.

Once the CLI is installed, you can install this JavaScript recipe package by running the following command:

Install the recipe package

mod config recipes npm install @openrewrite/recipes-angular

Then, you can run the recipe via:

Run the recipe

mod run . --recipe org.openrewrite.primeng.UpgradeComponentsTo18