feat(helper): implementa novo componente de ajuda

Implementa o componente de ajuda (po-helper) que fornece funcionalidades de orientação ao usuário dentro da aplicação, levando a informação através do PO-Popover.
Implementa definições de acessibilidade no PO-Label para suporte a tooltips e campos obrigatórios.

Fixes DTHFUI-11065

Author: pedrodominguesp

.eslintrc.json

@@ -5,7 +5,7 @@
     {
       "files": ["*.ts"],
       "parserOptions": {
-        "project": ["tsconfig.json", "e2e/tsconfig.json"],
+        "project": ["tsconfig.json"],
         "createDefaultProgram": true
       },
       "extends": [

docs/guides/deprecations.md

@@ -212,6 +212,18 @@ export class AppModule { }
           <td class="po-table-column"><a href="documentation/po-header">PoHeader</a></td>
           <td class="po-table-column" style="text-align: center;">v23</td>
         </tr>
+        <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-input">Campos de formulários</a></th>
+          <td class="po-table-column">p-additional-help-tooltip</td>
+          <td class="po-table-column">p-helper</td>
+          <td class="po-table-column" style="text-align: center;">v23</td>
+        </tr>
+        <tr class="po-table-row">
+          <th class="po-table-column"><a href="documentation/po-dynamic-form">PoDynamicForm</a></th>
+          <td class="po-table-column">p-additional-help-tooltip</td>
+          <td class="po-table-column">p-helper</td>
+          <td class="po-table-column" style="text-align: center;">v23</td>
+        </tr>
         <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>

projects/app/.eslintrc.json

@@ -5,11 +5,7 @@
     {
       "files": ["*.ts"],
       "parserOptions": {
-        "project": [
-          "projects/app/tsconfig.app.json",
-          "projects/app/tsconfig.spec.json",
-          "projects/app/e2e/tsconfig.json"
-        ],
+        "project": ["projects/app/tsconfig.app.json", "projects/app/tsconfig.spec.json"],
         "createDefaultProgram": true
       },
       "plugins": ["sonarjs", "eslint-plugin-react"],

projects/portal/.eslintrc.json

@@ -5,11 +5,7 @@
     {
       "files": ["*.ts"],
       "parserOptions": {
-        "project": [
-          "projects/portal/tsconfig.app.json",
-          "projects/portal/tsconfig.spec.json",
-          "projects/portal/e2e/tsconfig.json"
-        ],
+        "project": ["projects/portal/tsconfig.app.json", "projects/portal/tsconfig.spec.json"],
         "createDefaultProgram": true
       },
       "plugins": ["sonarjs", "eslint-plugin-react"],

projects/portal/src/app/home/home.component.html

@@ -114,11 +114,10 @@ <h4 class="section-title">Quem utiliza PO UI</h4>
           </po-button>
         </div>
         <div class="po-row">
-          <div class="po-md-6">
-            <img class="quem-utiliza-item" src="./assets/graphics/idexo.jpg" alt="Logo Idexo" />
-          </div>
-          <div class="po-md-6">
-            <img class="quem-utiliza-item" src="./assets/graphics/totvs.jpg" alt="Logo Totvs" />
+          <div class="po-md-12">
+            <a href="https://www.totvs.com/" target="_blank" rel="noopener"
+              ><img id="logo-totvs" class="quem-utiliza-item" alt="Logo Totvs"
+            /></a>
           </div>
         </div>
       </section>

projects/portal/src/assets/graphics/idexo.jpg

@@ -13,6 +13,16 @@ body {
   color: #333;
 }
 
+html.potheme-dark-AA #logo-totvs,
+html.potheme-dark-AAA #logo-totvs {
+  content: url('./assets/graphics/logo-totvs-branco.png');
+}
+
+html.potheme-light-AA #logo-totvs,
+html.potheme-light-AAA #logo-totvs {
+  content: url('./assets/graphics/logo-totvs-preto.png');
+}
+
 .dot {
   border-radius: 50%;
   display: inline-block;