Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Epic about PrimeNG Upgrade #29614

Merged
merged 59 commits into from
Aug 28, 2024
Merged

Epic about PrimeNG Upgrade #29614

merged 59 commits into from
Aug 28, 2024

Conversation

@nicobytes nicobytes changed the title chore(primeng): docs Epic about PrimeNG Upgrade Aug 16, 2024
@nicobytes nicobytes linked an issue Aug 16, 2024 that may be closed by this pull request
@nicobytes
Copy link
Contributor Author

nicobytes commented Aug 16, 2024

Based on the storybook, I find the following issues:

v15 v17
PrimeNg/Form PrimeNg/Form
Screenshot 2024-08-09 at 10 11 49 AM Not working
Screenshot 2024-08-09 at 10 13 41 AM Screenshot 2024-08-09 at 10 14 21 AM
Screenshot 2024-08-09 at 10 16 59 AM Not working
Screenshot 2024-08-09 at 10 19 00 AM Screenshot 2024-08-09 at 10 19 12 AM
Screenshot 2024-08-09 at 10 20 35 AM Screenshot 2024-08-09 at 10 20 52 AM
Screenshot 2024-08-09 at 10 22 29 AM Screenshot 2024-08-09 at 10 22 44 AM
PrimeNg/Overlay PrimeNg/Overlay
Screenshot 2024-08-09 at 10 29 50 AM Screenshot 2024-08-09 at 10 30 05 AM
Screenshot 2024-08-09 at 10 31 00 AM Screenshot 2024-08-09 at 10 31 08 AM

nicobytes and others added 25 commits August 16, 2024 19:02
### Parent Issue
#29606

### Additonal Info
This PR is not for the master branch, but is for the
**epic-primeng-upgrade** branch to break this epic into smaller PRs.

### Proposed Changes
* Upgrade PrimeNg-15-lte to PrimeNg 17

---------

Co-authored-by: Nicolas Molina <[email protected]>
Co-authored-by: spbolton <[email protected]>
Co-authored-by: Victor Alfaro <[email protected]>
### Parent Issue
#29648

### Proposed Changes
* Fix problem with breadcrumbs styles and PrimeNG v17
* Fix problem with storybook and alias signals

### Checklist
- [x] Tests
- [x] Translations
- [x] Security Implications Contemplated (add notes if applicable)

### Screenshots
Original             |  Updated
:-------------------------:|:-------------------------:
![Screenshot 2024-08-19 at 9 30
30 PM](https://github.com/user-attachments/assets/078fcbc6-806c-42b8-a718-43fe84e6dfd6)
| ![Screenshot 2024-08-19 at 9 30
36 PM](https://github.com/user-attachments/assets/c0c210ee-cae7-4bed-8ced-33ed52b5d502)
![Screenshot 2024-08-19 at 9 32
37 PM](https://github.com/user-attachments/assets/e5ad7994-82cd-475f-abd4-67b7ee06a843)
| ![Screenshot 2024-08-19 at 9 32
46 PM](https://github.com/user-attachments/assets/80ecaf75-af75-4bc7-93fc-ca8d9cd6f71f)
![Screenshot 2024-08-19 at 9 33
23 PM](https://github.com/user-attachments/assets/e43a975b-9121-4bc6-8ceb-937676141a96)
| ![Screenshot 2024-08-19 at 9 33
32 PM](https://github.com/user-attachments/assets/42937d86-8efb-4237-8c19-341dd68a097b)

![localhost_64737_dotAdmin](https://github.com/user-attachments/assets/1ea07998-3fb4-45f7-8efc-b0d96ab528a8)
|
![localhost_4200_dotAdmin_](https://github.com/user-attachments/assets/3ad88ca1-c37c-46b0-ae21-dc246025c807)
![localhost_64737_dotAdmin
(1)](https://github.com/user-attachments/assets/200d24e4-d2c0-419c-b3ac-d66ba269ccc2)
| ![localhost_4200_dotAdmin_
(1)](https://github.com/user-attachments/assets/2952992f-9b7a-4666-9a3c-733c2cd86d2b)
![localhost_64737_dotAdmin
(2)](https://github.com/user-attachments/assets/390bf61f-1b1f-4c29-8ca5-a6aa97e5d3cc)
| ![localhost_4200_dotAdmin_
(2)](https://github.com/user-attachments/assets/84d45415-c8fe-4c83-80ec-0636ecc3ae5a)
### Proposed Changes
* add the `p-buttonset` rules

### Screenshots
Before: 
<img width="327" alt="image"
src="https://github.com/user-attachments/assets/8dc80802-c974-4876-9288-74c76e302f59">


After: 

<img width="294" alt="image"
src="https://github.com/user-attachments/assets/6eed9fd8-10d4-4ae5-b47a-861a4daff3c4">
### Parent Issue
#29657

### Proposed Changes
* Fix error with breaking change by PrimeNg V17  upgrade

> gridItem and listItem templates are deprecated and will removed in the
future, use list and grid templates instead.

### Checklist
- [x] Tests
- [x] Translations
- [x] Security Implications Contemplated (add notes if applicable)

### Screenshots
v15             |  v17
:-------------------------:|:-------------------------:
![Screenshot 2024-08-20 at 9 25
49 AM](https://github.com/user-attachments/assets/b0c302b6-d9f4-4a52-afc9-203c6da9fba3)
| ![Screenshot 2024-08-20 at 9 25
34 AM](https://github.com/user-attachments/assets/a12c2e74-fe1a-499b-a2e7-0a16679c02b4)
![Screenshot 2024-08-09 at 6 39
25 PM](https://github.com/user-attachments/assets/f5996809-2f38-4d77-8de6-6f7edfe8004c)
| ![Screenshot 2024-08-09 at 6 10
06 PM](https://github.com/user-attachments/assets/1da9b0d7-82c1-41ec-a56c-4d1da87646d3)
DotCMS/ThemeSelector | DotCMS/ThemeSelector
![Screenshot 2024-08-20 at 11 25
41 AM](https://github.com/user-attachments/assets/c622871a-728d-4dba-a58f-cb210c4eaed2)
| ![Screenshot 2024-08-20 at 11 25
34 AM](https://github.com/user-attachments/assets/7e0e9c5b-9131-4afb-9ea6-13d824312087)
![Screenshot 2024-08-20 at 5 13
29 PM](https://github.com/user-attachments/assets/09aec08e-c638-4a08-9b12-5559d0c4faf1)
| ![Screenshot 2024-08-20 at 5 11
52 PM](https://github.com/user-attachments/assets/6f886b52-ffaf-4a3d-beaa-02dedc0eaf0e)
![Screenshot 2024-08-20 at 5 13
38 PM](https://github.com/user-attachments/assets/1816f4f0-4d62-4390-b613-938390a9eba0)
| ![Screenshot 2024-08-20 at 5 12
13 PM](https://github.com/user-attachments/assets/ca9baac9-98fb-4f1b-a8e9-5ce1bcde4c27)
… change (#29704)

### Proposed Changes
* remove attr `autoDisplayFirst ` since will be deprecated; we have
placeholders on all the cases actually don't make any difference based
on the description: `Whether to display the first item as the label if
no placeholder is defined and value is null.`
* adding styles to remove the outline in the dropdown label /
placeholder.


### Screenshots

Before

<img width="382" alt="image"
src="https://github.com/user-attachments/assets/b0bdaeee-b6a8-4f0a-9dff-7127bbaf7086">



After 

<img width="379" alt="image"
src="https://github.com/user-attachments/assets/216d8416-1d9a-4276-8395-b1ef453b3eb8">
### Parent Issue
#29058

### Issues
- TreeSelect has an unnecessary border.
- Remove TreeSelect Clone
- Fix Space

### Screenshots
v15             |  v17
:-------------------------:|:-------------------------:
![Screenshot 2024-08-20 at 3 51
51 PM](https://github.com/user-attachments/assets/0c7547ba-1f50-494b-a993-66223abac4fe)
| ![Screenshot 2024-08-20 at 3 51
46 PM](https://github.com/user-attachments/assets/2bcdc838-762b-449c-8023-04ae19b0cbbe)
### Proposed Changes
* The `justify-content` rule has been overwritten by the PrimeNG theme,
but because of the [CSS layer](https://primeng.org/guides/csslayer)
implemented in V17, the custom styles now take precedence.
###Parent Issue
#29682

### Proposed Changes
* change 1
* change 2

### Checklist
- [ ] Tests
- [ ] Translations
- [ ] Security Implications Contemplated (add notes if applicable)

### Additional Info
** any additional useful context or info **

### Screenshots
Original             |  Updated
:-------------------------:|:-------------------------:
** original screenshot **  |  ** updated screenshot **
@nicobytes nicobytes marked this pull request as ready for review August 27, 2024 10:32
@nicobytes nicobytes added this pull request to the merge queue Aug 28, 2024
Merged via the queue into master with commit f58464f Aug 28, 2024
17 checks passed
@nicobytes nicobytes deleted the epic-primeng-upgrade branch August 28, 2024 18:07
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.

Epic: Upgrade PrimeNG from Version 15-LTS to Version 17
4 participants