@globalpayments/vega 2.29.0 → 2.30.0

package/dist/collection/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.js

@@ -22,7 +22,7 @@ import { VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id
 import internalVegaEventManager from '../../../helpers/event-manager/internal-vega-event-manager';
 /**
  * @deprecated This component will be removed soon, please consider using `vega-left-nav-link` component instead.
- * @vegaVersion 2.29.0
+ * @vegaVersion 1, v2.29.0
  */
 export class VegaSidenavLink {
   constructor() {
@@ -34,14 +34,14 @@ export class VegaSidenavLink {
     /**
      * Indicates whether the link item is selected.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.selected = false;
     /**
      * Determines if the side nav should stay open when the
      *    sidenav-link element is clicked.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.showSideBarOnClickLink = false;
     /**
@@ -135,7 +135,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the icon displayed for the side navigation link.\n   Icons are only displayed for top-level links."
       },
@@ -155,7 +155,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Indicates whether the link item is selected."
       },
@@ -176,7 +176,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the destination URL to which the side navigation link\n   navigates when clicked."
       },
@@ -196,7 +196,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Determines if the side nav should stay open when the\n   sidenav-link element is clicked."
       },
@@ -217,7 +217,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying about the occurrence of a click event."
       },
@@ -238,7 +238,7 @@ export class VegaSidenavLink {
             "text": "namespace:native"
           }, {
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying about the occurrence of a click event."
       },

package/dist/collection/components/vega-sidenav/vega-sidenav.js

@@ -18,7 +18,7 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaStateUpdate } from '../../helpers/event-manager/event-id/vega-event-id';
 /**
  * @deprecated This component will be removed soon, please consider using `vega-left-nav` component instead.
- * @vegaVersion 2.29.0
+ * @vegaVersion 1, v2.29.0
  */
 export class VegaSidenav {
   constructor() {
@@ -34,14 +34,14 @@ export class VegaSidenav {
      * Provides additional information or context in the form of
      *    a footnote in the side nav footer.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.footnote = '';
     /**
      * Specifies the configuration for the header of the side nav,
      *    allowing customization of the logo and headline.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.headerConfig = {};
     /**
@@ -49,7 +49,7 @@ export class VegaSidenav {
      *    different screen sizes and disables collapse for
      *    large screens.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.openByDefault = 'close';
     /**
@@ -148,7 +148,7 @@ export class VegaSidenav {
   /**
    * Invoke this method to toggle the side navigation menu.
    *
-   * @vegaVersion 2.29.0
+   * @vegaVersion 1, v2.29.0
    */
   async toggle() {
     this.openStatusController.toggleSidenav();
@@ -235,7 +235,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Defines the data that is used to generate the items\n   in the side nav list."
       }
@@ -253,7 +253,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Provides additional information or context in the form of\n   a footnote in the side nav footer."
       },
@@ -279,7 +279,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the configuration for the header of the side nav,\n   allowing customization of the logo and headline."
       },
@@ -307,7 +307,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the default open behavior for the side nav across\n   different screen sizes and disables collapse for\n   large screens."
       },
@@ -328,7 +328,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
       },
@@ -349,7 +349,7 @@ export class VegaSidenav {
             "text": "namespace:native"
           }, {
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
       },
@@ -375,7 +375,7 @@ export class VegaSidenav {
         "text": "Invoke this method to toggle the side navigation menu.",
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }]
       }
     }

package/dist/collection/constants/ui.js

@@ -51,6 +51,7 @@ export const VegaNativeEventName = [
   'dropdownClick',
   'create',
   'search',
+  'searchTrigger',
   'hide',
   'show',
   'popoverShow',

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -18,7 +18,14 @@ const entries = [
   ['vega-date-picker', [VegaChange]],
   [
     'vega-dropdown',
-    [VegaDropdownShow, VegaDropdownHide, VegaDropdownClick, VegaCreate, VegaDropdownSearch],
+    [
+      VegaDropdownShow,
+      VegaDropdownHide,
+      VegaDropdownClick,
+      VegaCreate,
+      VegaDropdownSearch,
+      VegaSearchTrigger,
+    ],
   ],
   ['vega-dropdown-item', [VegaClick]],
   ['vega-field-label', [VegaClick, VegaLabelButtonClick]],
@@ -30,7 +37,7 @@ const entries = [
   ['vega-input-numeric', [VegaChange]],
   ['vega-input-phone-number', [VegaChange, VegaCountryChange]],
   ['vega-input-range', [VegaChange]],
-  ['vega-input-select', [VegaChange, VegaSearch]],
+  ['vega-input-select', [VegaChange, VegaSearch, VegaSearchTrigger]],
   ['vega-item-toggle', [VegaToggleStatus]],
   ['vega-modal', [VegaOpen, VegaClose]],
   ['vega-left-nav', [VegaStateUpdate]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -71,6 +71,7 @@ export const VegaPageSizeChange = new VegaEventID('vegaPageSizeChange', 'pageSiz
 export const VegaDropdownClick = new VegaEventID('vegaDropdownClick', 'dropdownClick');
 export const VegaCreate = new VegaEventID('vegaCreate', 'create');
 export const VegaSearch = new VegaEventID('vegaSearch', 'search');
+export const VegaSearchTrigger = new VegaEventID('vegaSearchTrigger', 'searchTrigger');
 export const VegaHide = new VegaEventID('vegaHide', 'hide');
 export const VegaShow = new VegaEventID('vegaShow', 'show');
 export const VegaPopoverShow = new VegaEventID('vegaPopoverShow', 'popoverShow');

package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js

@@ -1,5 +1,5 @@
 import { VegaEventManager } from '../../public-api';
-import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, } from '../event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaSearchTrigger, } from '../event-id/vega-event-id';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
@@ -30,6 +30,7 @@ describe('VegaEventManager', () => {
       VegaDropdownClick,
       VegaCreate,
       VegaDropdownSearch,
+      VegaSearchTrigger,
     ]);
   });
   it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call setSemantics', async () => {

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -180,5 +180,10 @@ const FeatureFlagsMap = {
     createdTimestamp: 1730361348399,
     createdAtVersion: '2.26.0',
   },
+  'VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN': {
+    description: `Feature flag that enable use screen to calculation position.`,
+    createdTimestamp: 1733293586535,
+    createdAtVersion: '2.29.0',
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.js

@@ -0,0 +1,13 @@
+/**
+ * Body positioned wrapper.
+ */
+export class BodyPositionedWrapper {
+  /**
+   * Valid is a body position used wrapper.
+   *
+   * @returns {boolean} can retrieve or not.
+   */
+  canRetrieve() {
+    return !this.showConfig.isScreenPosition;
+  }
+}

package/dist/collection/helpers/slimmers/element-appender-container/{position-relative-to-wrapper.js → body-positioned-wrapper/position-relative-to-wrapper.js}

@@ -4,33 +4,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
 import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
 /**
  * This class is is used to retrieve an HTML element based on a specified selector.
  *
  * @property {HTMLElement} showConfig the show config
  */
-export class PositionRelativeToWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function just determines whether the showConfig contains the positionRelativeTo object.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => !!this.showConfig.positionRelativeTo &&
-      !!document.querySelector(this.showConfig.positionRelativeTo);
-    /**
-     * The retrieve function query the element of positionRelativeTo in showConfig.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => {
-      const container = document.querySelector(this.showConfig.positionRelativeTo);
-      if (this.showConfig.appendableElement.parentElement !== container) {
-        container.append(this.showConfig.appendableElement);
-      }
-      return container;
-    };
+export class PositionRelativeToWrapper extends BodyPositionedWrapper {
+  /**
+   * The canRetrieve function just determines whether the showConfig contains the positionRelativeTo object.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return (super.canRetrieve() &&
+      !!this.showConfig.positionRelativeTo &&
+      !!document.querySelector(this.showConfig.positionRelativeTo));
+  }
+  /**
+   * The retrieve function query the element of positionRelativeTo in showConfig.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    const container = document.querySelector(this.showConfig.positionRelativeTo);
+    if (this.showConfig.appendableElement.parentElement !== container) {
+      container.append(this.showConfig.appendableElement);
+    }
+    return container;
   }
 }
 __decorate([

package/dist/collection/helpers/slimmers/element-appender-container/{vega-modal-wrapper.js → body-positioned-wrapper/vega-modal-wrapper.js}

@@ -4,27 +4,30 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { findParent } from '../../../utils/ui';
+import { findParent } from '../../../../utils/ui';
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
 import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
 /**
  * This class is is used to get vega-modal element as a container and store the element appender element to slot.
  *
  * @property {HTMLElement} showConfig the show config
  */
-export class VegaModalWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function just determines whether the target of showConfig has the `vega-modal` element. If not, search upwards layer by layer.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => !!findParent(this.showConfig.target, 'vega-modal');
-    /**
-     * The retrieve function get the slot position of vega-modal element.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => this.getVegaModalShowConfigContainer();
+export class VegaModalWrapper extends BodyPositionedWrapper {
+  /**
+   * The canRetrieve function just determines whether the target of showConfig has the `vega-modal` element. If not, search upwards layer by layer.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return super.canRetrieve() && !!findParent(this.showConfig.target, 'vega-modal');
+  }
+  /**
+   * The retrieve function get the slot position of vega-modal element.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    return this.getVegaModalShowConfigContainer();
   }
   /**
    * This function `getVegaModalContentWithoutScroll` determines whether vega-modal has a slot whose name is `content` or `modal-content`. If there is a component rendered in the modal, the elementAppender added to the corresponding slot attribute is added. If not, the elementAppender is not directly appended to the root directory of vega-modal.

package/dist/collection/helpers/slimmers/element-appender-container/{vega-popover-wrapper.js → body-positioned-wrapper/vega-popover-wrapper.js}

@@ -4,31 +4,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { findParent } from '../../../utils/ui';
+import { findParent } from '../../../../utils/ui';
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
 import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
 /**
  * This class is used to get the class `vega-popover` as a container and store the element appender element.
  *
  * @property {HTMLElement} showConfig the show config
  */
-export class VegaPopoverWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function just determine whether the target of showConfig has the class `vega-popover`. If not, search upwards layer by layer.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => !!findParent(this.showConfig.target, '.vega-popover');
-    /**
-     * The retrieve function get the element that if the target of showConfig does not have the class vega-popover, search upwards layer by layer until this element is found.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => {
-      const container = findParent(this.showConfig.target, '.vega-popover');
-      container.append(this.showConfig.appendableElement);
-      return container;
-    };
+export class VegaPopoverWrapper extends BodyPositionedWrapper {
+  /**
+   * The canRetrieve function just determine whether the target of showConfig has the class `vega-popover`. If not, search upwards layer by layer.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return super.canRetrieve() && !!findParent(this.showConfig.target, '.vega-popover');
+  }
+  /**
+   * The retrieve function get the element that if the target of showConfig does not have the class vega-popover, search upwards layer by layer until this element is found.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    const container = findParent(this.showConfig.target, '.vega-popover');
+    container.append(this.showConfig.appendableElement);
+    return container;
   }
 }
 __decorate([

package/dist/collection/helpers/slimmers/element-appender-container/default-wrapper.js

@@ -9,25 +9,25 @@ import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
  * This class is is used to retrieve the body element of document.
  */
 export class DefaultWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function return is always true.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => true;
-    /**
-     * The retrieve function get the body element of document.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => {
-      const container = document.body;
-      if (this.showConfig.appendableElement.parentElement !== container) {
-        container.append(this.showConfig.appendableElement);
-      }
-      return container;
-    };
+  /**
+   * The canRetrieve function return is always true.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return true;
+  }
+  /**
+   * The retrieve function get the body element of document.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    const container = document.body;
+    if (this.showConfig.appendableElement.parentElement !== container) {
+      container.append(this.showConfig.appendableElement);
+    }
+    return container;
   }
 }
 __decorate([

package/dist/collection/helpers/slimmers/element-appender-container/element-appender-container-controller.js

@@ -6,9 +6,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { InjectVegaSlimmer, MapToComponentField as MapToSlimmerField, VegaSlimmer } from 'vega-slimmer/core';
 import { DefaultWrapper } from './default-wrapper';
-import { PositionRelativeToWrapper } from './position-relative-to-wrapper';
-import { VegaModalWrapper } from './vega-modal-wrapper';
-import { VegaPopoverWrapper } from './vega-popover-wrapper';
+import { PositionRelativeToWrapper } from './body-positioned-wrapper/position-relative-to-wrapper';
+import { VegaModalWrapper } from './body-positioned-wrapper/vega-modal-wrapper';
+import { VegaPopoverWrapper } from './body-positioned-wrapper/vega-popover-wrapper';
 /**
  * This class is responsible for setting the container element for appending an element based on certain conditions.
  *

package/dist/collection/helpers/slimmers/element-appender-slimmer.js

@@ -25,6 +25,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
         (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseleave', this.elementMouseLeaveHandler);
       }
       window.addEventListener('mousedown', this.globalMouseDownHandler);
+      document.addEventListener('scroll', this.globalScrollHandler, { capture: true });
     };
     /* It's a function that listens to the click event on the dropdown. It checks if the trigger
     property is equal to 'click'. If it is, then it toggles the dropdown. */
@@ -86,6 +87,14 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
         this.hide();
       }
     };
+    /* istanbul ignore next */
+    /* Listen global scroll event */
+    this.globalScrollHandler = () => {
+      var _a;
+      if (this.showConfig && this.showConfig.isScreenPosition && this.isShowing()) {
+        (_a = this.elementAppender) === null || _a === void 0 ? void 0 : _a.onScroll();
+      }
+    };
     /* A timer that will hide the dropdown after a certain amount of time. */
     this.createDelayHideTimer = () => {
       this.delayHideTimer = setTimeout(() => {
@@ -172,6 +181,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
       (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.removeEventListener('mouseleave', this.elementMouseLeaveHandler);
     }
     window.removeEventListener('mousedown', this.globalMouseDownHandler);
+    document.removeEventListener('scroll', this.globalScrollHandler);
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;