feat(genqa): update citations (#4243)

[SVCC-3999](https://coveord.atlassian.net/browse/SVCC-3999) Improve CRGA citations: - Remove numbered citations. Before: ![Screenshot 2024-07-31 at 2 34 39 PM](https://github.com/user-attachments/assets/08e5f5c8-cbb5-4459-8a17-1e1cf2ae2faf) After: ![Screenshot 2024-07-31 at 2 54 26 PM](https://github.com/user-attachments/assets/b26cf9df-74f3-4a86-af4c-c7ab91055779) [SVCC-3999]: https://coveord.atlassian.net/browse/SVCC-3999?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
coveo · Aug 9, 2024 · 54948d8 · 54948d8
1 parent 7f04f73
commit 54948d8
Show file tree

Hide file tree

Showing 6 changed files with 0 additions and 16 deletions.
diff --git a/packages/atomic/cypress/e2e/generated-answer-selectors.ts b/packages/atomic/cypress/e2e/generated-answer-selectors.ts
@@ -20,8 +20,6 @@ export const GeneratedAnswerSelectors = {
     GeneratedAnswerSelectors.shadow().find('[part="citations-label"]'),
   citationTitle: () =>
     GeneratedAnswerSelectors.citation().find('.citation-title'),
-  citationIndex: () =>
-    GeneratedAnswerSelectors.citation().find('[part="citation-index"]'),
   citationCard: () =>
     GeneratedAnswerSelectors.shadow().find('[part="citation-popover"]'),
   loader: () => GeneratedAnswerSelectors.shadow().find('.typing-indicator'),

diff --git a/packages/atomic/cypress/e2e/generated-answer.cypress.ts b/packages/atomic/cypress/e2e/generated-answer.cypress.ts
@@ -464,7 +464,6 @@ describe('Generated Answer Test Suites', () => {
             'have.text',
             testCitation.title
           );
-          GeneratedAnswerSelectors.citationIndex().should('have.text', '1');
           GeneratedAnswerSelectors.citation().should(
             'have.attr',
             'href',

diff --git a/packages/atomic/src/components/common/generated-answer/atomic-citation/atomic-citation.pcss b/packages/atomic/src/components/common/generated-answer/atomic-citation/atomic-citation.pcss
@@ -10,11 +10,6 @@
   height: var(--height);
 }
 
-[part='citation-index'] {
-  height: var(--index-height);
-  width: var(--index-height);
-}
-
 [part='citation-popover'] {
   --popover-width: 350px;
 

diff --git a/packages/atomic/src/components/common/generated-answer/atomic-citation/atomic-citation.tsx b/packages/atomic/src/components/common/generated-answer/atomic-citation/atomic-citation.tsx
@@ -158,12 +158,6 @@ export class AtomicCitation {
           onFocus={this.openPopover}
           onBlur={this.closePopover}
         >
-          <div
-            part="citation-index"
-            class="text-bg-primary flex shrink-0 items-center rounded-full font-medium"
-          >
-            <div class="mx-auto">{this.index + 1}</div>
-          </div>
           <span class="citation-title mx-1 truncate">
             {this.citation.title}
           </span>

diff --git a/...rc/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx b/...rc/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx
@@ -60,7 +60,6 @@ import {InsightBindings} from '../atomic-insight-interface/atomic-insight-interf
  *
  * @part citation - The link that allows the user to navigate to the item.
  * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.
- * @part citation-index - The content of the citation item.
  */
 @Component({
   tag: 'atomic-insight-generated-answer',

diff --git a/packages/atomic/src/components/search/atomic-generated-answer/atomic-generated-answer.tsx b/packages/atomic/src/components/search/atomic-generated-answer/atomic-generated-answer.tsx
@@ -59,7 +59,6 @@ import {Bindings} from '../atomic-search-interface/atomic-search-interface';
  *
  * @part citation - The link that allows the user to navigate to the item.
  * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.
- * @part citation-index - The content of the citation item.
  */
 @Component({
   tag: 'atomic-generated-answer',