Skip to main content

Upgrade PrimeNG components to 18

org.openrewrite.primeng.UpgradeComponentsTo18

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.

Recipe source

This recipe is only available to users of Moderne.

This recipe is available under the Moderne Proprietary License.

Used by

This recipe is used as part of the following composite recipes:

Usage

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