@globalpayments/vega 2.42.0 → 2.43.0

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

@@ -335,4 +335,236 @@ describe('ElementAppender slimmer test suite', () => {
       expect(mockedComponent.getElementAppender().onScroll).toBeCalledTimes(1);
     });
   });
+  describe('Nest element appender', () => {
+    const createMockedComponent = (trigger, parentElement) => {
+      const component = new MockedComponent();
+      const target = new MockHTMLElement('body', 'div');
+      const appendableElement = new MockHTMLElement('body', 'div');
+      if (parentElement) {
+        parentElement.append(target);
+      }
+      appendableElement.classList.add('vega-force-hidden');
+      component.target = target;
+      component.appendableElement = appendableElement;
+      component.trigger = trigger;
+      return component;
+    };
+    const triggerHoverEvent = (from, to) => {
+      jest.useFakeTimers();
+      triggerMouseEvent(from, 'mouseleave');
+      triggerMouseEvent(to, 'mouseenter');
+      jest.advanceTimersByTime(100);
+      jest.useRealTimers();
+    };
+    test('should work proper while parent trigger is click and child trigger is click', () => {
+      const parent = createMockedComponent('click');
+      const child1 = createMockedComponent('click', parent.appendableElement);
+      const child2 = createMockedComponent('click', child1.appendableElement);
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // show parent
+      parent.target.click();
+      // show child1
+      child1.target.click();
+      // show child2
+      child2.target.click();
+      child2.appendableElement.click();
+      triggerMouseEvent(child2.appendableElement, 'mousedown');
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // hide child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // hide child1
+      child1.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // hide parent
+      parent.target.click();
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // show parent
+      parent.target.click();
+      // show child1
+      child1.target.click();
+      // show child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // outer click
+      triggerMouseEvent(document.documentElement, 'mousedown');
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+    test('should work proper while parent trigger is click and child trigger is hover', () => {
+      const parent = createMockedComponent('click');
+      const child1 = createMockedComponent('hover', parent.appendableElement);
+      const child2 = createMockedComponent('click', child1.appendableElement);
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // show parent
+      parent.target.click();
+      // show child1
+      triggerHoverEvent(parent.target, child1.target);
+      // show child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // hide child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // hide child1
+      triggerHoverEvent(child1.target, parent.target);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // hide parent
+      parent.target.click();
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // show parent
+      parent.target.click();
+      // show child1
+      triggerHoverEvent(parent.target, child1.target);
+      // show child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // mouse leave child1
+      triggerHoverEvent(child1.target, parent.target);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+    test('should work proper while parent trigger is hover and child trigger is hover', () => {
+      const parent = createMockedComponent('hover');
+      const child1 = createMockedComponent('hover', parent.appendableElement);
+      const child2 = createMockedComponent('hover', child1.appendableElement);
+      const outer = new MockHTMLElement('body', 'div');
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // mouseenter parent
+      triggerHoverEvent(outer, parent.target);
+      // mouseenter child1
+      triggerHoverEvent(parent.target, child1.target);
+      // mouseenter child2
+      triggerHoverEvent(child1.target, child2.target);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // mouseleave child2
+      triggerHoverEvent(child2.appendableElement, child1.appendableElement);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // mouseleave child1
+      triggerHoverEvent(child1.appendableElement, parent.appendableElement);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // mouseleave parent
+      triggerHoverEvent(parent.appendableElement, outer);
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+      // mouseenter parent
+      triggerHoverEvent(outer, parent.target);
+      // mouseenter child1
+      triggerHoverEvent(parent.target, child1.target);
+      // mouseenter child2
+      triggerHoverEvent(child1.target, child2.target);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // mouseenter outer
+      triggerHoverEvent(child2.appendableElement, outer);
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+    test('should work proper while parent directly hide in click nest', () => {
+      const parent = createMockedComponent('click');
+      const child1 = createMockedComponent('click', parent.appendableElement);
+      const child2 = createMockedComponent('click', child1.appendableElement);
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // show parent
+      parent.target.click();
+      // mouseenter child1
+      child1.target.click();
+      // show child2
+      child2.target.click();
+      child2.appendableElement.click();
+      triggerMouseEvent(child2.appendableElement, 'mousedown');
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // parent directly hide
+      parent.hide();
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+    test('should work proper while parent directly hide in click and hover nest', () => {
+      const parent = createMockedComponent('click');
+      const child1 = createMockedComponent('hover', parent.appendableElement);
+      const child2 = createMockedComponent('click', child1.appendableElement);
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // show parent
+      parent.target.click();
+      // show child1
+      triggerHoverEvent(parent.target, child1.target);
+      // show child2
+      child2.target.click();
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // parent directly hide
+      parent.hide();
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+    test('should work proper while parent directly hide in hover nest', () => {
+      const parent = createMockedComponent('hover');
+      const child1 = createMockedComponent('hover', parent.appendableElement);
+      const child2 = createMockedComponent('hover', child1.appendableElement);
+      const outer = new MockHTMLElement('body', 'div');
+      child2.componentDidLoad();
+      child1.componentDidLoad();
+      parent.componentDidLoad();
+      // mouseenter parent
+      triggerHoverEvent(outer, parent.target);
+      // mouseenter child1
+      triggerHoverEvent(parent.target, child1.target);
+      // mouseenter child2
+      triggerHoverEvent(child1.target, child2.target);
+      expect(parent.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).not.toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).not.toHaveClass('vega-force-hidden');
+      // parent directly hide
+      parent.hide();
+      expect(parent.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child1.appendableElement).toHaveClass('vega-force-hidden');
+      expect(child2.appendableElement).toHaveClass('vega-force-hidden');
+    });
+  });
 });

package/dist/collection/helpers/slimmers/string-input-formatter-slimmer.js

@@ -8,7 +8,7 @@ import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-sli
 import { isNonNullable } from '../../types/type-guard';
 import ChangeManager from '../change-manager/change-manager';
 import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalComponentDidRender } from '../event-manager/event-id/vega-internal-event-id';
+import { VegaInternalComponentDidRender, VegaInternalPasteEvent, } from '../event-manager/event-id/vega-internal-event-id';
 import { waitForComponentDidRender } from '../common';
 /** The `StringInputFormatterSlimmer` class in TypeScript is used to format input values based on specified strategies and handle events like keydown, blur, and focus. */
 export class StringInputFormatterSlimmer extends VegaSlimmer {
@@ -51,7 +51,7 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       const rawValue = target.value;
       const caretPosition = target.selectionStart; // selectionStart is nullable, link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-textarea/input-selectionstart
       if (this.inputFormatStrategy) {
-        this.formatValue(rawValue.replace(/\s/g, ''), 'input', {
+        this.formatValue(rawValue, 'input', {
           caretPosition: e.inputType === 'insertFromPaste' ? undefined : caretPosition,
         });
         this.updateInputCaretPosition(rawValue, caretPosition);
@@ -66,6 +66,9 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       if (this.disableCopyPaste) {
         e.preventDefault();
       }
+      else {
+        ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalPasteEvent), e);
+      }
     };
   }
   /**

package/dist/collection/helpers/ui/element-appender.js

@@ -31,7 +31,7 @@ export class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a;
+    var _a, _b;
     this.resizeObserverSlimmer = createDynamicSlimmer(ElementAppender, PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -62,6 +62,7 @@ export class ElementAppender {
     this.showConfigCallbackTarget = showConfigCallbackTarget;
     const config = this.getShowConfig();
     (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-force-hidden');
+    (_b = config.appendableElement) === null || _b === void 0 ? void 0 : _b.classList.add('vega-element-appender-appendable');
   }
   /**
    * It takes an element and appends it to the DOM, then adjusts its position and size to match the
@@ -212,7 +213,6 @@ export class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
-    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }

package/dist/esm/{app-globals-0aeb2171.js → app-globals-f767f6be.js}

@@ -1,6 +1,6 @@
-import { F as FeatureFlag } from './feature-flag-controller-723f1ff5.js';
+import { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
 import { V as VegaLoader, a as VegaNotify, b as VegaDialog, c as VegaEventManager, d as VegaZIndexManager, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-722a41c2.js';
-import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-2de41bc0.js';
+import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-2b4fdc4f.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-638dd4d4.js';
@@ -9,7 +9,7 @@ import './ui-ed1283bb.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-a18bc15e.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-import { w as waitForVega } from './index-4153fe96.js';
+import { w as waitForVega } from './index-707fec53.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-249c76cd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './dom-node-subject-factory-286df025.js';
@@ -311,7 +311,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-31433f1e.js').then((module) => {
+  void import('./public-rules-20db9763.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-2f5824ee.js → child-nodes-event-prevent-slimmer-aab1c019.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-d2c962d2.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-723f1ff5.js';
+import { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{content-state-2de41bc0.js → content-state-2b4fdc4f.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
-import { V as VegaInternalRichTextEditorFlushChanges, a as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-7809368b.js';
+import { V as VegaInternalRichTextEditorFlushChanges, a as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-d7113cf7.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';

package/dist/esm/{design-token-b195686e.js → design-token-9a3c1dc5.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-cf37ffd2.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-175aee98.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';