npm - @globalpayments/vega - Versions diffs - 2.16.0 → 2.18.0 - Mend

@globalpayments/vega 2.16.0 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (819) hide show

package/dist/types/components/vega-calendar/types.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export type VegaCalendarChangeEventType = {
 	viewMode: VegaCalendarViewModeType;
 };
-export type VegaCalendarEventRepeatType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';
+export type VegaCalendarEventRepeatType = 'daily' | 'weekly' | 'monthly' | 'yearly';
 export type VegaCalendarEventVariantType = 'primary' | 'secondary' | 'tertiary';
@@ -32,15 +32,17 @@ export interface VegaCalendarRawEvent {
 	startTime?: string;
 	endTime?: string;
 	isAllDay?: boolean;
-	repeat?: VegaCalendarEventRepeatType;
 	color?: string | BackgroundColorsTokenType;
 	disabled?: boolean;
+	repeatOptions?: VegaCalendarEventRepeatOptions;
 }
 export type VegaCalendarEventClickInfo = {
 	rawEvent: VegaCalendarRawEvent;
 };
+export type VegaCalendarDateClickInfo = VegaCalendarDateType & { hour: number };
 export type VegaCalendarEventStyle = {
 	position: 'absolute';
 	left: string;
@@ -56,3 +58,13 @@ export type VegaCalendarFullDayEventView = {
 	start: number;
 	end: number;
 };
+export type VegaCalendarWeekDayType = 'Sun' | 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat';
+export type VegaCalendarEventRepeatOptions = {
+	frequency: VegaCalendarEventRepeatType;
+	interval?: number;
+	count?: number;
+	until?: string | Date;
+	byWeekDay?: VegaCalendarWeekDayType[];
+};

package/dist/types/components/vega-calendar/vega-calendar.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ import { VegaCalendarViewRenderer } from './slimmers/common/renderers/vega-calen
 import { VegaCalendarMonthViewRenderer } from './slimmers/month-view/renderers/vega-calendar-month-view-renderer';
 import { VegaCalendarViewWithTimeRenderer } from './slimmers/day-view/renderers/vega-calendar-view-with-time-renderer';
 import { VegaCalendarTimeLineRenderer } from './slimmers/day-view/renderers/vega-calendar-time-line-renderer';
-import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from './types';
+import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarDateClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from './types';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 import { CalendarPeriod, CalendarView } from '../../helpers/calendar';
 import { VegaCalendarViewController } from './slimmers/common/controllers/vega-calendar-view-controller';
@@ -45,15 +45,19 @@ export declare class VegaCalendar {
   protected eventResponsiveController: VegaCalendarEventResponsiveController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected eventClickEmitter: EventEmitSlimmerBase;
+  protected dateDblClickEmitter: EventEmitSlimmerBase;
   protected changeEventPrevent: ChildNodesEventPreventSlimmer;
   protected readonly timeFormatNotifySlimmer: SubStateNotifySlimmerBase;
   host: HTMLVegaCalendarElement;
   calendarView: CalendarView;
   currentPeriod: CalendarPeriod;
   /**
-   * watch the state calendar current period change
+   * Tracks changes to the current period state.
+   *
+   * @param {CalendarPeriod} newValue Specifies the new calendar period.
+   * @param {CalendarPeriod} oldValue Specifies the old calendar period.
    */
-  watchCurrentPeriodChange(): void;
+  watchCurrentPeriodChange(newValue: CalendarPeriod, oldValue: CalendarPeriod): void;
   calendarEvents: CalendarEvent[];
   /**
    * Specifies the current view mode of the calendar.
@@ -103,5 +107,13 @@ export declare class VegaCalendar {
    * An event emitter notifying that a component event item is clicked.
    */
   eventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   */
+  vegaDateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   */
+  dateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
   render(): VegaCalendar;
 }

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.d.ts CHANGED Viewed

@@ -19,7 +19,6 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
   placement: VegaDropdown['placement'];
   alignment: VegaDropdown['alignment'];
   renderer: VegaDropdown['renderer'];
-  listRenderer: VegaDropdown['listRenderer'];
   searchRenderer: VegaDropdown['searchRenderer'];
   showEventEmitter: VegaDropdown['showEventEmitter'];
   hideEventEmitter: VegaDropdown['hideEventEmitter'];

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-children-controller.d.ts CHANGED Viewed

@@ -67,4 +67,8 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
    * The below method is e2e-test covered in @see{module:vega-dropdown-items-dom-change-e2e}
    */
   private clearDropdownCurrentData;
+  /**
+   * The function `notifyTemplateItemsChange` notifies changes to dropdown items within a container element.
+   */
+  private notifyTemplateItemsChange;
 }

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.d.ts ADDED Viewed

@@ -0,0 +1,57 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDropdown } from '../../vega-dropdown';
+/**
+ * The `VegaDropdownScrollableController` class in TypeScript manages the behavior of a scrollable dropdown component,
+ * adjusting list container height and scrolling to specific indexes based on render mode and selected source key.
+ */
+export declare class VegaDropdownScrollableController extends VegaSlimmer {
+  isDropdownShow: VegaDropdown['isDropdownShow'];
+  renderModeController: VegaDropdown['renderModeController'];
+  sourceForRender: VegaDropdown['sourceForRender'];
+  selectType: VegaDropdown['selectType'];
+  selectedSourceKey: VegaDropdown['selectedSourceKey'];
+  searchable: VegaDropdown['searchable'];
+  listRenderer: VegaDropdown['listRenderer'];
+  renderer: VegaDropdown['renderer'];
+  /**
+   * The function `watchIsDropdownShow` adjusts the list container height and scrolls to a specific index
+   * if the dropdown is shown in a certain render mode.
+   */
+  watchIsDropdownShow(): Promise<void>;
+  /**
+   * The function scrollToSelected asynchronously scrolls to a selected index based on the render mode.
+   */
+  private scrollToSelectedIndex;
+  /**
+   * The function scrollToVirtualIndex asynchronously scrolls to a specific index in a virtual list based
+   * on the selected key.
+   */
+  private scrollToVirtualIndex;
+  /**
+   * The function scrollToTemplateIndex scrolls the dropdown content box to the selected item key.
+   */
+  private scrollToTemplateIndex;
+  /**
+   * The function `getSelectedKey` returns the selected key based on the `selectType` condition.
+   *
+   * @returns {string} The `getSelectedKey` method returns a string value. If `this.selectType` is equal to
+   * 'multiple', it returns the first element of the `selectedSourceKey` array as a string. Otherwise, it
+   * returns the `selectedSourceKey` value as a string.
+   */
+  private getSelectedKey;
+  /**
+   * we only calculate surplus space of bottom, we should calculate maxHeight more accurately here.
+   * such as minus the gap of dropdown, the dropdown padding top and bottom, the gap of bottom.
+   * if with searchable, we should minus the height of searchable.
+   * if the dropdown in the top of host, we should only minus top of distance from vega-dropdown to vega-dropdown-container.
+   */
+  private adjustListContainerMaxHeight;
+  /**
+   * The function `setItemsContainerMaxHeight` adjusts the maximum height of the items container based on
+   * the render mode.
+   *
+   * @param {number} maxHeight - The `maxHeight` parameter is a number that represents the maximum height
+   * in pixels that the items container should have.
+   */
+  private setItemsContainerMaxHeight;
+}

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-source-controller.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export declare class VegaDropdownSourceController extends VegaSlimmer {
   source: VegaDropdown['source'];
   sourceForRender: VegaDropdown['sourceForRender'];
   searchController: VegaDropdown['searchController'];
+  renderModeController: VegaDropdown['renderModeController'];
   /**
    * Component lifecycle - [componentWillLoad]
    */

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.d.ts CHANGED Viewed

@@ -1,38 +1,28 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaDropdown } from '../../vega-dropdown';
 export declare class VegaDropdownListRenderer extends VegaSlimmer {
+  host: VegaDropdown['host'];
   isLoading: VegaDropdown['isLoading'];
   searchString: VegaDropdown['searchString'];
-  selectType: VegaDropdown['selectType'];
-  searchable: VegaDropdown['searchable'];
-  selectedSourceKey: VegaDropdown['selectedSourceKey'];
   itemDisplayRule: VegaDropdown['itemDisplayRule'];
-  maxHeightOfItemsContainer: VegaDropdown['maxHeightOfItemsContainer'];
   sourceForRender: VegaDropdown['sourceForRender'];
   itemLevelRenderer: VegaDropdown['itemLevelRenderer'];
   groupLevelRenderer: VegaDropdown['groupLevelRenderer'];
-  renderer: VegaDropdown['renderer'];
   isLazyLoading: VegaDropdown['isLazyLoading'];
+  isDropdownShow: VegaDropdown['isDropdownShow'];
+  renderModeController: VegaDropdown['renderModeController'];
   private virtualScrollRef;
-  scrollToIndex(): Promise<void>;
+  private templateContainerRef;
+  private defaultMaxHeightOfItemsContainer;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-dropdown-keyboard-control-e2e}
    */
-  getVirtualScrollRef(): HTMLElement;
+  getVirtualScrollRef(): HTMLVegaVirtualScrollElement;
+  getTemplateContainerRef(): HTMLUListElement;
   renderBySource(): HTMLElement;
   renderBySlot(): HTMLElement;
   private renderLoading;
   private renderDropdownListBySource;
   private renderDropdownListBySlot;
-  /**
-   * we only calculate surplus space of bottom, we should calculate maxHeight more accurately here.
-   * such as minus the gap of dropdown, the dropdown padding top and bottom, the gap of bottom.
-   * if with searchable, we should minus the height of searchable.
-   * if the dropdown in the top of host, we should only minus top of distance from vega-dropdown to vega-dropdown-container.
-   * The below method is e2e-test covered in
-   * @see{module:vega-dropdown-with-matchContainerHeight-e2e}
-   * @see{module:vega-dropdown-without-matchContainerHeight-e2e}
-   */
-  private adjustListContainerMaxHeight;
 }

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-renderer.d.ts CHANGED Viewed

@@ -18,6 +18,9 @@ export declare class VegaDropdownRenderer extends VegaSlimmer {
   getVirtualContainerRef(): HTMLElement;
   getNextActiveItem(code: 'ArrowUp' | 'ArrowDown'): Nullable<HTMLVegaDropdownItemElement>;
   render(): HTMLElement;
+  /**
+   * TODO: We will use no-named slot for both template and source render mode. And will deprecate slot dropdown-content
+   */
   private renderContentSlot;
   private renderDropdown;
   private setVirtualContainer;

package/dist/types/components/vega-dropdown/vega-dropdown.d.ts CHANGED Viewed

@@ -20,6 +20,7 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
 import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
 import { VegaDropdownItemClickEvent } from './vega-dropdown-item/types';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaDropdownScrollableController } from './slimmers/controllers/vega-dropdown-scrollable-controller';
 export declare class VegaDropdown {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly renderer: VegaDropdownRenderer;
@@ -39,6 +40,7 @@ export declare class VegaDropdown {
   protected readonly childrenController: VegaDropdownChildrenController;
   protected readonly selectedController: VegaDropdownSelectedController;
   protected readonly renderModeController: VegaDropdownRenderModeController;
+  protected readonly scrollableController: VegaDropdownScrollableController;
   protected readonly selectTypeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly selectedSourceKeyNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly prefixIconSlotNotifySlimmer: SubStateNotifySlimmerBase;
@@ -52,7 +54,6 @@ export declare class VegaDropdown {
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaDropdownElement>;
   host: HTMLVegaDropdownElement;
   searchString: string;
-  maxHeightOfItemsContainer: number;
   isDropdownShow: boolean;
   sourceForRender: VegaDropdownSourceItem[];
   watchIsDropdownShow(): void;

package/dist/types/components/vega-input/types.d.ts CHANGED Viewed

@@ -2,7 +2,8 @@ import { MaskConfig } from '../../helpers/formatter/string-formatter/stringMaskS
 import { NumberMaskConfig } from '../../helpers/formatter/string-formatter/numberMaskStrategy';
 export type MaskConfigType = {
-	type: 'phone' | 'zipcode' | 'taxId' | 'custom' | 'thousand-comma' | 'number';
+	type: 'phone' | 'zipcode' | 'taxId' | 'custom' | 'thousand-comma' | 'number' | 'custom-formatter';
 	options?: MaskConfig | NumberMaskConfig;
 	trigger?: 'blur' | 'input';
+	formatter?: (value: string) => string;
 };

package/dist/types/components/vega-input/vega-input.d.ts CHANGED Viewed

@@ -18,7 +18,6 @@ export declare class VegaInput {
   protected focusEventEmitter: EventEmitSlimmerBase;
   protected blurEventEmitter: EventEmitSlimmerBase;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputElement>;
-  private name;
   private inputRef;
   private inputContainerRef;
   host: HTMLVegaInputElement;
@@ -59,6 +58,11 @@ export declare class VegaInput {
    *    data to be entered by the user.
    */
   type: 'text' | 'email' | 'password' | 'number';
+  /**
+   * Defines the specific name of the input field.
+   *
+   */
+  name: string;
   /**
    * Controls the autofill behavior and specifies whether the
    *    input should receive automated suggestions or
@@ -188,7 +192,6 @@ export declare class VegaInput {
    * @eventSemantics namespace:native
    */
   focus: EventEmitter<undefined>;
-  connectedCallback(): void;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-input-on-value-input}

package/dist/types/components/vega-input-phone-number/assets/countries.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { VegaCountryNameType } from '../types';
2	+ export declare const COUNTRIES: VegaCountryNameType;

package/dist/types/components/vega-input-phone-number/assets/countryFlags.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { IconPayload } from '../../../helpers/icon/interface';
+import { VegaCountryCode } from '../types';
+export declare const CountryFlags: Record<IconType, IconPayload>;
+declare type IconType = VegaCountryCode;
+export {};