18.x.x

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
           curl -X POST -H "Content-Type: application/json" \
           -d "{\"content\": \"🚀 **PR Criada com Sucesso 🚀**\\n- Autor: $AUTHOR\\n- Título: $PR_TITLE\\n- Link: $PR_URL\"}" \
           $DISCORD_WEBHOOK_URL
-          
+
   lint:
 
     runs-on: ubuntu-20.04
@@ -46,7 +46,7 @@ jobs:
         node-version: 18
 
     # Executa um comando do projeto na máquina virtual
-    - run: npm i
+    - run: npm i --force
     - run: npm run format:check
     - run: npm run lint:storage
     - run: npm run lint:sync
@@ -67,7 +67,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run build
     - run: npm run build:portal:docs
     - run: npm run build:portal:prod
@@ -90,7 +90,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run test:ui
     - run: npm run test:ui:schematics
 
@@ -107,7 +107,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run build:ui:lite
     - run: npm run test:templates
     - run: npm run test:templates:schematics
@@ -125,7 +125,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run test:code-editor
     - run: npm run test:code-editor:schematics
 
@@ -142,7 +142,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run test:storage
     - run: npm run test:storage:schematics
 
@@ -159,7 +159,7 @@ jobs:
       with:
         node-version: 18
 
-    - run: npm i
+    - run: npm i --force
     - run: npm run build:storage:lite
     - run: npm run test:sync
     - run: npm run test:sync:schematics

.github/workflows/publish_po_angular_ci-next.yml

@@ -40,7 +40,7 @@ jobs:
         path: po-tslint
 
     - name: Install and Build
-      run: npm install && npm run build
+      run: npm install --force && npm run build
       working-directory: ${{env.WORKING_DIR}}
 
     # Pega as versões publicadas no NPM e salva no arquivo versions.json

CHANGELOG.md

@@ -10,6 +10,16 @@ All notable changes to this project will be documented in this file. See [standa
 * **mask:** disponibiliza `po-mask` ([edcc5db](https://github.com/po-ui/po-angular/commit/edcc5db34a67ac5f5e63230a480f0c2035498600))
 * **upload:** adiciona o parâmetro `extraFormData` no evento `p-upload` ([08cf174](https://github.com/po-ui/po-angular/commit/08cf1742ee845bacfcdd461141fc94e63aea7e25)), closes [#1395](https://github.com/po-ui/po-angular/issues/1395)
 
+## [18.0.0-rc.0](https://github.com/po-ui/po-angular/compare/v18.0.0-next.0...v18.0.0-rc.0) (2024-07-24)
+
+### Code Refactoring
+
+* **components:** remove depreciações ([39adc2d](https://github.com/po-ui/po-angular/commit/39adc2d55b99c28fb2eb711860bbf9948181a35b))
+
+### Features
+
+* **angular:** build v18 ([26d4854](https://github.com/po-ui/po-angular/commit/26d4854a2d54557664c6c4cdf6eaa71c4975f6a7))
+
 ## [17.20.0](https://github.com/po-ui/po-angular/compare/v17.19.0...v17.20.0) (2024-07-22)
 
 

README.md

@@ -20,16 +20,16 @@ Biblioteca de componentes de UI para Angular.
 
 ### Pré-requisitos
 
-Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
+Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.19.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
 
 Instalando com npm:
 ```
-npm i -g @angular/cli@17
+npm i -g @angular/cli@18
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@17
+yarn global add @angular/cli@18
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -52,26 +52,27 @@ Antes de executar a instalação ou inserir o **Po** no seu projeto existente, 
 Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser conferidas e se necessário, ajustadas no seu projeto.
 
 ```
- "dependencies": {
-    "@angular/animations": "~17.2.4",
-    "@angular/common": "~17.2.4",
-    "@angular/compiler": "~17.2.4",
-    "@angular/core": "~17.2.4",
-    "@angular/forms": "~17.2.4",
-    "@angular/platform-browser": "~17.2.4",
-    "@angular/platform-browser-dynamic": "~17.2.4",
-    "@angular/router": "~17.2.4",
+  "dependencies": {
+    "@angular/animations": "~18.0.1",
+    "@angular/common": "~18.0.1",
+    "@angular/compiler": "~18.0.1",
+    "@angular/core": "~18.0.1",
+    "@angular/forms": "~18.0.1",
+    "@angular/platform-browser": "~18.0.1",
+    "@angular/platform-browser-dynamic": "~18.0.1",
+    "@angular/router": "~18.0.1",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "~0.14.4"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~17.2.3",
-    "@angular/cli": "~17.2.3",
-    "@angular/compiler-cli": "~17.2.4",
+    "@angular-devkit/build-angular": "~18.0.2",
+    "@angular-devkit/schematics": "~18.0.2",
+    "@angular/cli": "~18.0.2",
+    "@angular/compiler-cli": "~18.0.1",
     ...
-    "typescript": "~5.2.2"
+    "typescript": "~5.4.5"
   }
 ```
 

angular.json

@@ -341,13 +341,13 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "2.1mb",
+                  "maximumWarning": "2.4mb",
                   "maximumError": "5mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "8kb",
-                  "maximumError": "10kb"
+                  "maximumWarning": "10kb",
+                  "maximumError": "12kb"
                 }
               ]
             }

docs/guides/deprecations.md

@@ -25,6 +25,16 @@ A tabela a seguir lista todos os recursos depreciados, organizados pelo release
         </tr>
       </thead>
       <tbody>
+        <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-tabs">PoTabs</a></th>
+          <td class="po-table-column">p-small</td>
+          <td class="po-table-column" style="text-align: center;">v18</td>
+        </tr>
+        <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-tag">PoTag</a></th>
+          <td class="po-table-column">p-inverse</td>
+          <td class="po-table-column" style="text-align: center;">v18</td>
+        </tr>
         <tr class="po-table-row">
           <th class="po-table-column"><a href="documentation/po-button">PoButton</a></th>
           <td class="po-table-column">p-small</td>
@@ -191,6 +201,18 @@ export class AppModule { }
         </tr>
       </thead>
       <tbody>
+      <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-tabs">PoTabs</a></th>
+          <td class="po-table-column">p-small</td>
+          <td class="po-table-column">-</td>
+          <td class="po-table-column" style="text-align: center;">v18</td>
+        </tr>
+        <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-tag">PoTag</a></th>
+          <td class="po-table-column">p-inverse</td>
+          <td class="po-table-column">-</td>
+          <td class="po-table-column" style="text-align: center;">v18</td>
+        </tr>
         <tr class="po-table-row">
           <th class="po-table-column"><a href="documentation/po-button">PoButton</a></th>
           <td class="po-table-column">p-small</td>

docs/guides/getting-started.md

@@ -3,16 +3,16 @@
 
 ### Pré-requisitos
 
-Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
+Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.19.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
 
 Instalando com npm:
 ```
-npm i -g @angular/cli@17
+npm i -g @angular/cli@18
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@17
+yarn global add @angular/cli@18
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -36,26 +36,26 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```
   "dependencies": {
-    "@angular/animations": "~17.2.4",
-    "@angular/common": "~17.2.4",
-    "@angular/compiler": "~17.2.4",
-    "@angular/core": "~17.2.4",
-    "@angular/forms": "~17.2.4",
-    "@angular/platform-browser": "~17.2.4",
-    "@angular/platform-browser-dynamic": "~17.2.4",
-    "@angular/router": "~17.2.4",
+    "@angular/animations": "~18.0.1",
+    "@angular/common": "~18.0.1",
+    "@angular/compiler": "~18.0.1",
+    "@angular/core": "~18.0.1",
+    "@angular/forms": "~18.0.1",
+    "@angular/platform-browser": "~18.0.1",
+    "@angular/platform-browser-dynamic": "~18.0.1",
+    "@angular/router": "~18.0.1",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "~0.14.4"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~17.2.3",
-    "@angular-devkit/schematics": "~17.2.3",
-    "@angular/cli": "~17.2.3",
-    "@angular/compiler-cli": "~17.2.4",
+    "@angular-devkit/build-angular": "~18.0.2",
+    "@angular-devkit/schematics": "~18.0.2",
+    "@angular/cli": "~18.0.2",
+    "@angular/compiler-cli": "~18.0.1",
     ...
-    "typescript": "~5.2.2"
+    "typescript": "~5.4.5"
   }
 ```
 
@@ -108,6 +108,6 @@ Caso você queira utilizar nossos componentes de templates, como o **[po-page-lo
 ```
 ng add @po-ui/ng-templates
 ```
-> Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module`
+> Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module` somente se sua aplicação for configurada com módulos.
 
 A partir dai o seu projeto está preparado para receber outros componentes do **[Po](/documentation)**! \o/

docs/guides/migration-poui.md

@@ -29,7 +29,7 @@ ng update @angular/cli@<version> @angular/core@<version> --force
 Por exemplo:
 
 ```
-ng update @angular/cli@17 @angular/core@17 --force
+ng update @angular/cli@18 @angular/core@18 --force
 ```
 
 > Para realizar a migração completa e avaliar se não precisa fazer alguma alteração veja o [**Guia de Upgrade do Angular**](https://update.angular.io/).
@@ -65,6 +65,16 @@ ng update @po-ui/ng-components --allow-dirty --force
 
 > Caso ocorra um erro ao concluir o comando acima pode ser necessário fazer uma instalação limpa no projeto apagando a pasta `node_modules` e o arquivo `package-lock.json` e executando o comando `npm i --legacy-peer-deps` antes de realizar o `ng update`.
 
+> Caso sua aplicação seja configurada com módulos, pode ser necessária a inclusão da seguinte `devDependencies`:
+
+```
+  "devDependencies": {
+    ...,
+    "@angular-devkit/schematics": "~18.0.2",
+    ...
+  }
+```
+
 O `ng update` ajudará nas alterações necessárias para seu projeto seguir atualizado, que são elas:
   - Caso houver *breaking changes*, serão realizados as alterações possíveis, mas fique atento ao
   [CHANGELOG](https://github.com/po-ui/po-angular/blob/master/CHANGELOG.md);
@@ -76,6 +86,7 @@ O `ng update` ajudará nas alterações necessárias para seu projeto seguir atu
     - `@po-ui/ng-sync`;
     - `@po-ui/style`;
 
+Além disso, será realizada uma pergunta para que o usuário decida se quer utilizar a nova biblioteca de ícones. Caso a escolha seja positiva, o processo de update irá substituir classes de ícones do po-ui pelas novas referências.
 
 <a id="sync"></a>
 ### ng update @po-ui/ng-sync

docs/guides/releases.md

@@ -38,6 +38,11 @@ Consulte abaixo nossos guias de migração de versão para obter mais informaç
         </tr>
       </thead>
       <tbody>
+        <tr class="po-table-row">
+          <td class="po-table-column">18.0.0</td>
+          <td class="po-table-column">18.0.0</td>
+          <td class="po-table-column"><a href="guides/migration-poui">Migração do PO UI</a></td>
+        </tr>
         <tr class="po-table-row">
           <td class="po-table-column">17.0.0</td>
           <td class="po-table-column">17.0.0</td>