Merge branch 'master' into KIT-3583

coveo · Sep 23, 2024 · da5db7a · da5db7a
2 parents 4c2f1e1 + 70d9378
commit da5db7a
Show file tree

Hide file tree

Showing 64 changed files with 687 additions and 104 deletions.
diff --git a/...atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts b/...atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts
@@ -51,7 +51,6 @@ AtomicFormatUnit,
 AtomicGeneratedAnswer,
 AtomicHtml,
 AtomicIcon,
-AtomicInsightUserActionsTimeline,
 AtomicLayoutSection,
 AtomicLoadMoreResults,
 AtomicNoResults,
@@ -195,7 +194,6 @@ AtomicFormatUnit,
 AtomicGeneratedAnswer,
 AtomicHtml,
 AtomicIcon,
-AtomicInsightUserActionsTimeline,
 AtomicLayoutSection,
 AtomicLoadMoreResults,
 AtomicNoResults,

diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts
@@ -984,14 +984,14 @@ export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {}
 
 
 @ProxyCmp({
-  inputs: ['collapsible', 'withToggle']
+  inputs: ['collapsible', 'tabsExcluded', 'tabsIncluded', 'withToggle']
 })
 @Component({
   selector: 'atomic-generated-answer',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['collapsible', 'withToggle'],
+  inputs: ['collapsible', 'tabsExcluded', 'tabsIncluded', 'withToggle'],
 })
 export class AtomicGeneratedAnswer {
   protected el: HTMLElement;
@@ -1049,28 +1049,6 @@ export class AtomicIcon {
 export declare interface AtomicIcon extends Components.AtomicIcon {}
 
 
-@ProxyCmp({
-  inputs: ['ticketCreationDateTime', 'userId']
-})
-@Component({
-  selector: 'atomic-insight-user-actions-timeline',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['ticketCreationDateTime', 'userId'],
-})
-export class AtomicInsightUserActionsTimeline {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface AtomicInsightUserActionsTimeline extends Components.AtomicInsightUserActionsTimeline {}
-
-
 @ProxyCmp({
   inputs: ['maxWidth', 'minWidth', 'section']
 })

diff --git a/packages/atomic-react/src/components/stencil-generated/commerce/index.ts b/packages/atomic-react/src/components/stencil-generated/commerce/index.ts
@@ -36,7 +36,6 @@ export const AtomicCommerceSortDropdown = /*@__PURE__*/createReactComponent<JSX.
 export const AtomicCommerceText = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceText, HTMLAtomicCommerceTextElement>('atomic-commerce-text');
 export const AtomicCommerceTimeframeFacet = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceTimeframeFacet, HTMLAtomicCommerceTimeframeFacetElement>('atomic-commerce-timeframe-facet');
 export const AtomicIcon = /*@__PURE__*/createReactComponent<JSX.AtomicIcon, HTMLAtomicIconElement>('atomic-icon');
-export const AtomicInsightUserActionsTimeline = /*@__PURE__*/createReactComponent<JSX.AtomicInsightUserActionsTimeline, HTMLAtomicInsightUserActionsTimelineElement>('atomic-insight-user-actions-timeline');
 export const AtomicLayoutSection = /*@__PURE__*/createReactComponent<JSX.AtomicLayoutSection, HTMLAtomicLayoutSectionElement>('atomic-layout-section');
 export const AtomicNumericRange = /*@__PURE__*/createReactComponent<JSX.AtomicNumericRange, HTMLAtomicNumericRangeElement>('atomic-numeric-range');
 export const AtomicProduct = /*@__PURE__*/createReactComponent<JSX.AtomicProduct, HTMLAtomicProductElement>('atomic-product');

diff --git a/packages/atomic-react/src/components/stencil-generated/search/index.ts b/packages/atomic-react/src/components/stencil-generated/search/index.ts
@@ -26,7 +26,6 @@ export const AtomicFormatUnit = /*@__PURE__*/createReactComponent<JSX.AtomicForm
 export const AtomicGeneratedAnswer = /*@__PURE__*/createReactComponent<JSX.AtomicGeneratedAnswer, HTMLAtomicGeneratedAnswerElement>('atomic-generated-answer');
 export const AtomicHtml = /*@__PURE__*/createReactComponent<JSX.AtomicHtml, HTMLAtomicHtmlElement>('atomic-html');
 export const AtomicIcon = /*@__PURE__*/createReactComponent<JSX.AtomicIcon, HTMLAtomicIconElement>('atomic-icon');
-export const AtomicInsightUserActionsTimeline = /*@__PURE__*/createReactComponent<JSX.AtomicInsightUserActionsTimeline, HTMLAtomicInsightUserActionsTimelineElement>('atomic-insight-user-actions-timeline');
 export const AtomicLayoutSection = /*@__PURE__*/createReactComponent<JSX.AtomicLayoutSection, HTMLAtomicLayoutSectionElement>('atomic-layout-section');
 export const AtomicLoadMoreResults = /*@__PURE__*/createReactComponent<JSX.AtomicLoadMoreResults, HTMLAtomicLoadMoreResultsElement>('atomic-load-more-results');
 export const AtomicNoResults = /*@__PURE__*/createReactComponent<JSX.AtomicNoResults, HTMLAtomicNoResultsElement>('atomic-no-results');

diff --git a/packages/atomic/src/components.d.ts b/packages/atomic/src/components.d.ts
@@ -1073,6 +1073,14 @@ export namespace Components {
           * @default false
          */
         "collapsible"?: boolean;
+        /**
+          * The tabs on which this generated answer must not be displayed. This property should not be used at the same time as `tabs-included`.  Set this property as a stringified JSON array, e.g., ```html  <atomic-generated-answer tabs-excluded='["tabIDA", "tabIDB"]'></atomic-generated-answer> ``` If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer won't be displayed on any of the specified tabs.
+         */
+        "tabsExcluded": string[] | string;
+        /**
+          * The tabs on which the generated answer can be displayed. This property should not be used at the same time as `tabs-excluded`.  Set this property as a stringified JSON array, e.g., ```html  <atomic-generated-answer tabs-included='["tabIDA", "tabIDB"]'></atomic-generated-answer> ``` If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer can only be displayed on the specified tabs.
+         */
+        "tabsIncluded": string[] | string;
         /**
           * Whether to render a toggle button that lets the user hide or show the answer.
           * @default false
@@ -1573,6 +1581,18 @@ export namespace Components {
          */
         "withDatePicker": boolean;
     }
+    interface AtomicInsightUserActionsModal {
+        "isOpen": boolean;
+        "openButton"?: HTMLElement;
+        /**
+          * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
+         */
+        "ticketCreationDateTime": string;
+        /**
+          * The ID of the user whose actions are being displayed.
+         */
+        "userId": string;
+    }
     /**
      * @category Insight Panel
      * @example <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>
@@ -1588,9 +1608,6 @@ export namespace Components {
         "userActions": Array<IUserAction>;
     }
     /**
-     * This component displays all the actions performed by a user around the time they created a case.
-     * The actions are grouped into multiple sessions, including the session during which the case was created,
-     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -1604,6 +1621,16 @@ export namespace Components {
          */
         "userId": string;
     }
+    interface AtomicInsightUserActionsToggle {
+        /**
+          * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
+         */
+        "ticketCreationDateTime": string;
+        /**
+          * The ID of the user whose actions are being displayed.
+         */
+        "userId": string;
+    }
     interface AtomicIpxBody {
         "displayFooterSlot": boolean;
         "isOpen"?: boolean;
@@ -4482,6 +4509,12 @@ declare global {
         prototype: HTMLAtomicInsightTimeframeFacetElement;
         new (): HTMLAtomicInsightTimeframeFacetElement;
     };
+    interface HTMLAtomicInsightUserActionsModalElement extends Components.AtomicInsightUserActionsModal, HTMLStencilElement {
+    }
+    var HTMLAtomicInsightUserActionsModalElement: {
+        prototype: HTMLAtomicInsightUserActionsModalElement;
+        new (): HTMLAtomicInsightUserActionsModalElement;
+    };
     /**
      * @category Insight Panel
      * @example <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>
@@ -4493,9 +4526,6 @@ declare global {
         new (): HTMLAtomicInsightUserActionsSessionElement;
     };
     /**
-     * This component displays all the actions performed by a user around the time they created a case.
-     * The actions are grouped into multiple sessions, including the session during which the case was created,
-     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -4505,6 +4535,12 @@ declare global {
         prototype: HTMLAtomicInsightUserActionsTimelineElement;
         new (): HTMLAtomicInsightUserActionsTimelineElement;
     };
+    interface HTMLAtomicInsightUserActionsToggleElement extends Components.AtomicInsightUserActionsToggle, HTMLStencilElement {
+    }
+    var HTMLAtomicInsightUserActionsToggleElement: {
+        prototype: HTMLAtomicInsightUserActionsToggleElement;
+        new (): HTMLAtomicInsightUserActionsToggleElement;
+    };
     interface HTMLAtomicIpxBodyElementEventMap {
         "animationEnded": never;
     }
@@ -5873,8 +5909,10 @@ declare global {
         "atomic-insight-tab": HTMLAtomicInsightTabElement;
         "atomic-insight-tabs": HTMLAtomicInsightTabsElement;
         "atomic-insight-timeframe-facet": HTMLAtomicInsightTimeframeFacetElement;
+        "atomic-insight-user-actions-modal": HTMLAtomicInsightUserActionsModalElement;
         "atomic-insight-user-actions-session": HTMLAtomicInsightUserActionsSessionElement;
         "atomic-insight-user-actions-timeline": HTMLAtomicInsightUserActionsTimelineElement;
+        "atomic-insight-user-actions-toggle": HTMLAtomicInsightUserActionsToggleElement;
         "atomic-ipx-body": HTMLAtomicIpxBodyElement;
         "atomic-ipx-button": HTMLAtomicIpxButtonElement;
         "atomic-ipx-embedded": HTMLAtomicIpxEmbeddedElement;
@@ -6957,6 +6995,14 @@ declare namespace LocalJSX {
           * @default false
          */
         "collapsible"?: boolean;
+        /**
+          * The tabs on which this generated answer must not be displayed. This property should not be used at the same time as `tabs-included`.  Set this property as a stringified JSON array, e.g., ```html  <atomic-generated-answer tabs-excluded='["tabIDA", "tabIDB"]'></atomic-generated-answer> ``` If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer won't be displayed on any of the specified tabs.
+         */
+        "tabsExcluded"?: string[] | string;
+        /**
+          * The tabs on which the generated answer can be displayed. This property should not be used at the same time as `tabs-excluded`.  Set this property as a stringified JSON array, e.g., ```html  <atomic-generated-answer tabs-included='["tabIDA", "tabIDB"]'></atomic-generated-answer> ``` If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer can only be displayed on the specified tabs.
+         */
+        "tabsIncluded"?: string[] | string;
         /**
           * Whether to render a toggle button that lets the user hide or show the answer.
           * @default false
@@ -7428,6 +7474,18 @@ declare namespace LocalJSX {
          */
         "withDatePicker"?: boolean;
     }
+    interface AtomicInsightUserActionsModal {
+        "isOpen"?: boolean;
+        "openButton"?: HTMLElement;
+        /**
+          * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
+         */
+        "ticketCreationDateTime": string;
+        /**
+          * The ID of the user whose actions are being displayed.
+         */
+        "userId": string;
+    }
     /**
      * @category Insight Panel
      * @example <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>
@@ -7443,9 +7501,6 @@ declare namespace LocalJSX {
         "userActions": Array<IUserAction>;
     }
     /**
-     * This component displays all the actions performed by a user around the time they created a case.
-     * The actions are grouped into multiple sessions, including the session during which the case was created,
-     * the sessions preceding the case creation and the sessions following the case creation.
      * @component 
      * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
      */
@@ -7459,6 +7514,16 @@ declare namespace LocalJSX {
          */
         "userId": string;
     }
+    interface AtomicInsightUserActionsToggle {
+        /**
+          * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
+         */
+        "ticketCreationDateTime": string;
+        /**
+          * The ID of the user whose actions are being displayed.
+         */
+        "userId": string;
+    }
     interface AtomicIpxBody {
         "displayFooterSlot"?: boolean;
         "isOpen"?: boolean;
@@ -9464,8 +9529,10 @@ declare namespace LocalJSX {
         "atomic-insight-tab": AtomicInsightTab;
         "atomic-insight-tabs": AtomicInsightTabs;
         "atomic-insight-timeframe-facet": AtomicInsightTimeframeFacet;
+        "atomic-insight-user-actions-modal": AtomicInsightUserActionsModal;
         "atomic-insight-user-actions-session": AtomicInsightUserActionsSession;
         "atomic-insight-user-actions-timeline": AtomicInsightUserActionsTimeline;
+        "atomic-insight-user-actions-toggle": AtomicInsightUserActionsToggle;
         "atomic-ipx-body": AtomicIpxBody;
         "atomic-ipx-button": AtomicIpxButton;
         "atomic-ipx-embedded": AtomicIpxEmbedded;
@@ -9858,19 +9925,18 @@ declare module "@stencil/core" {
             "atomic-insight-tab": LocalJSX.AtomicInsightTab & JSXBase.HTMLAttributes<HTMLAtomicInsightTabElement>;
             "atomic-insight-tabs": LocalJSX.AtomicInsightTabs & JSXBase.HTMLAttributes<HTMLAtomicInsightTabsElement>;
             "atomic-insight-timeframe-facet": LocalJSX.AtomicInsightTimeframeFacet & JSXBase.HTMLAttributes<HTMLAtomicInsightTimeframeFacetElement>;
+            "atomic-insight-user-actions-modal": LocalJSX.AtomicInsightUserActionsModal & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsModalElement>;
             /**
              * @category Insight Panel
              * @example <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>
              */
             "atomic-insight-user-actions-session": LocalJSX.AtomicInsightUserActionsSession & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsSessionElement>;
             /**
-             * This component displays all the actions performed by a user around the time they created a case.
-             * The actions are grouped into multiple sessions, including the session during which the case was created,
-             * the sessions preceding the case creation and the sessions following the case creation.
              * @component 
              * @example <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />
              */
             "atomic-insight-user-actions-timeline": LocalJSX.AtomicInsightUserActionsTimeline & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsTimelineElement>;
+            "atomic-insight-user-actions-toggle": LocalJSX.AtomicInsightUserActionsToggle & JSXBase.HTMLAttributes<HTMLAtomicInsightUserActionsToggleElement>;
             "atomic-ipx-body": LocalJSX.AtomicIpxBody & JSXBase.HTMLAttributes<HTMLAtomicIpxBodyElement>;
             "atomic-ipx-button": LocalJSX.AtomicIpxButton & JSXBase.HTMLAttributes<HTMLAtomicIpxButtonElement>;
             "atomic-ipx-embedded": LocalJSX.AtomicIpxEmbedded & JSXBase.HTMLAttributes<HTMLAtomicIpxEmbeddedElement>;

diff --git a/...atomic/src/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.pcss b/...atomic/src/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.pcss
@@ -1,5 +1 @@
 @import '../../search/atomic-search-box/atomic-search-box.pcss';
-
-:host {
-  @apply relative z-10;
-}
diff --git a/.../src/components/commerce/atomic-commerce-search-box/e2e/atomic-commerce-search-box.e2e.ts b/.../src/components/commerce/atomic-commerce-search-box/e2e/atomic-commerce-search-box.e2e.ts
@@ -514,3 +514,10 @@ test.describe('standalone searchbox', () => {
     expect(accessibilityResults.violations).toEqual([]);
   });
 });
+
+test('should have position:relative and z-index:10', async ({searchBox}) => {
+  await searchBox.load();
+
+  await expect(searchBox.hydrated).toHaveCSS('position', 'relative');
+  await expect(searchBox.hydrated).toHaveCSS('z-index', '10');
+});
diff --git a/...ght/user-actions/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.pcss b/...ght/user-actions/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.pcss
@@ -0,0 +1,9 @@
+@import '../../../common/refine-modal/refine-modal-common.pcss';
+:host {
+  position: absolute;
+}
+
+atomic-modal::part(body-wrapper),
+atomic-modal::part(footer-wrapper) {
+  padding: 2px;
+}